摘要： 网页从输入网址到渲染完成经历了哪些过程： 1. 输入网址 2. 发送到DNS服务器 由DNS服务器来将域名解析成对应服务器的IP地址 3. 建立TCP连接 客户端得到IP地址以后，会根据所获得的IP地址以及要访问的端口号发起网络连接，即tcp三次握手连接， 建立起TCP/IP网络连接 4. 浏览器向 阅读全文

摘要： 1、压缩包体积更小 2、用proxy代替object.defindproperty做vue的响应式绑定 3、Virtual DOM重构，将vdom的操作颗粒度变小 4、更多编译时优化，slot默认编译为函数 5、用Function_based API替换Class API 阅读全文

摘要： 1、$nexttick的原理 nextTick主要是通过js eventLoop的执行机制原理，将回调通过（promise）添加到microTask上面，来实现,在下一次DOM周期后执行回调函数。 2、computed计算属性 computed属性是惰性的，依赖数据未发生变化的时候，computed 阅读全文

摘要： 1. 基于promise封装request.js const baseURL = 'http://api.xxxxxx.cn/'; export function request(method, url, data) { return new Promise(function (resolve, r 阅读全文

摘要： 1、闭包 定义：函数 A 返回了一个函数 B，并且函数 B 中使用了函数 A 的变量，函数 B 就被称为闭包。 闭包的特性： 1）函数嵌套 2）内部函数引用外部函数变量 3）变量和参数不会被垃圾回收机制回收 闭包的缺点： 常驻内存，会增大内存使用量，使用不当很容易造成内存泄露 闭包的优点： 1）避免 阅读全文

摘要： 1、创建指令文件bthPermission.js，编写自定义指令： import Vue from 'vue'; import api from "api"; /**权限指令**/ const has = Vue.directive('has', { bind: async function (el 阅读全文

摘要： 1）数据读取：对象嵌套越深，取值越慢（数据扁平化） 2）循环：循环通常是编码性能的关键点（减少循环量，达成目的后立马结束循环） 3）条件流程性能：Map/Objct > switch > if else // 使用 Object const obj = { 1: () => {}, 2: () => 阅读全文

摘要： Object.defineProperty存在几个缺点： 1. 无法发现对象中新增和被删除的属性：当你给一个对象添加一个新的属性时，这个新增的属性没有被添加到 Vue 的数据更新侦查机制里。vue.$set 可以让 Vue 知道你新增了一个属性，其实 Vue.$set内部也是通过调用 Object. 阅读全文

摘要： 1. 已知如下数组： var arr = [ [1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14] ] ] ], 10]; 编写一个程序将数组扁平化去并除其中重复部分数据，最终得到一个升序且不重复的数组 [...new Set(ar 阅读全文

摘要： 1. 没有key的情况diff速度会更快，在遍历模板简单的情况下有利于就地复用 不写key时，有利于节点的就地复用，但是不利于页面的过度，可能会存在状态错位（如表单组件绑定数据存在状态） 2.利用key的唯一性生成map对象来获取对应节点，比遍历方式更快。(从这个角度看，map会比遍历更快。) vu 阅读全文