qq_36434345的博客

v-for 和v-if的优先级 v-for 的优先级比v-if 高 Vue子组件调用父组件的方法 第一种方法：直接在子组件中通过this.$parent.event来调用父组件的方法 父组件 <template> <div> <child></child> </div> </template> <scri...

具体来说分为以下几个过程： 1.DNS解析 2.TCP连接 3.发送HTTP请求 4.服务器处理请求并返回HTTP报文 5.浏览器解析渲染页面 6.连接结束 注释： DNS 的作用就是通过域名查询到具体的 IP TCP 握手，应用层会下发数据给传输层 TSL握手，数据在进入服务端之前，可能还会先经过负责负载均衡的服务器，它的作用就是将请求合理的分发到多台服务器上，这时假设服务端会响应一个 HTML...

原型如何继承？ 组合继承 以下继承的方式核心是在子类的构造函数中通过Parent.call(this)继承父类的属性，然后改变子类的原型为new Parent()来继承父类的函数。 function Parent(value){ this.val = value; } Parent.prototype.getValue = function(){ console.log(this.val); ...

发

在回调函数中使用箭头函数 优势：很容易让人看懂。 缺点： 在每次render时候，都会产生一个匿名函数。如果此组件作为一个子组件，那么父组件render的时候，子组件也可能会重新渲染，消耗性能。 class ToggleBtn extends React.component{ constructor(){ super(); this.state = { isToggleOn:tru...

回调函数（callback） 回调是一个函数被作为一个参数传递到另一个函数里，在那个函数执行完后再执行。 function f1(callback){ 　　setTimeout(function () { 　　　　// f1的任务代码 　　　　callback(); 　　}, 1000); } // 执行 f1(f2) 优点：简单、方便、实用。 缺点：易形成回调函数地狱。如果我们只有一个异步操作...

未完待写

setTimeout // 输出顺序：script start->script end->settimeout console.log("script start"); setTimeout(function(){ console.log("settimeout"); }) console.log("script end"); Promise Promise 本身是同步的立即执行函...

防抖 触发高频率事件后n秒内函数只会执行一次，如果n秒内高频事件再次触发，则重新计算时间 function debounce(fn){ let timeout = null ; return function(){ clearTimeout(timeout); timeout = setTimeout (() =>{ fn.apply(this,arguments); ...

1、问题描述： 一般在登录成功的时候需要把用户信息，菜单信息放置vuex中，作为全局的共享数据。但是在页面刷新的时候vuex里的数据会重新初始化，导致数据丢失。因为vuex里的数据是保存在运行内存中的，当页面刷新时，页面会重新加载vue实例，vuex里面的数据就会被重新赋值。 2、解决思路： 办法一：将vuex中的数据直接保存到浏览器缓存中（sessionStorage、localStorage、...

1.事件执行机制 执行一个宏任务； 遇到微任务，放到微任务列队； 宏任务执行完毕，执行微任务列队中的任务； 微任务执行完毕后，GUI 线程接管，开始渲染页面； 渲染完成后，JS线程继续接管，开启下一个宏任务。 setTimeout和Promise执行顺序 题目一 setTimeout(function() { console.log(1) }, 0); new Promise(function(...

ES6 Moudule和 CommonJs区别 导出和引入的不一样 ES6 Moudule //导出 export default 模块名称 //引入 import 模块名称 from '文件路径' CommonJs //导出 module.export = 模块名称 //引入 const 模块名称 = require('文件路径') git命令行里的指令 //查看 webpack 是存在的...