摘要：
assets （资产；优点；有用的东西）与static区别 相同点 >assets文件夹和static文件夹在vue-cli生成的项目中，都是用来存放静态资源的。 不同点 > assets目录中的文件会被webpack处理解析为模块依赖，【只支持相对路径形式】。build的时候由Webpack解析为 阅读全文
摘要：
webpack性能优化 优化可以从两个方面考虑，一个是优化开发体验，一个是优化输出质量。 优化开发体验 缩小文件搜索范围。涉及到webpack如何处理导入文件，不再赘述，不会的可以自行搜索。由于loader对文件转换操作很耗时，应该尽量减少loader处理的文件，可以使用include命中需要处理的 阅读全文
摘要：
webpack运行流程 分为初始化、编译、输出三个阶段. 初始化： 从配置文件和shell文件读取、合并参数； 加载plugin 实例化compiler 编译 从entry发出，针对每个module串行调用对应loader翻译文件内容 找到module依赖的module，递归进行编译处理 输出： 把 阅读全文
摘要：
vnode的diff算法原理 虚拟dom是对真实dom的一种映射，新旧Vnode比较同层级的节点，然后根据两者的差异只更新有差异的部分，生成新的视图，而不是对树进行逐层搜素遍历，因此时间复杂度是O(n)。虚拟dom可以减少页面的回流和重绘，提升性能 阅读全文
摘要：
1.css-loader 的作用是处理css中的 @import 和 url 这样的外部资源 2.style-loader 的作用是把样式插入到 DOM中，方法是在head中插入一个style标签，并把样式写入到这个标签的 innerHTML里 loader的原理 loader能把源文件翻译成新的结 阅读全文
摘要：
1.beforeCreate 初始化界面前 2.created 初始化界面后，拿到data，props，methods、computed和watch 3.beforeMount 渲染dom前 4.mounted 渲染dom后，拿到$el 5.beforeUpdate 更新前 6.updated 更新 阅读全文
摘要：
浏览器事件循环和node事件循环 浏览器事件循环: 同步任务在主线程执行，在主线程外还有个任务队列用于存放异步任务 主线程的同步任务执行完毕，异步任务入栈，进入主线程执行 上述的两个步骤循环，形成eventloop事件循环 浏览器的事件循环又跟宏任务和微任务有关，两者都属于异步任务。 js异步有一个 阅读全文
摘要：
回流和重绘区别 回流：当渲染树中元素尺寸、结构或者某些属性发生变化时，浏览器重新渲染部分或全部页面的情况叫回流。下列元素改变引发回流: getBoundingClientRect() scrollTo() scrollIntoView()或者scrollIntoViewIfneeded client 阅读全文
摘要：
Less 原理 Less 包含一套自定义的语法及一个解析器，用户根据这些语法定义自己的样式规则，这些规则最终会通过解析器，编译生成对应的 CSS 文件。 Less 并没有裁剪 CSS 原有的特性，更不是用来取代 CSS 的，而是在现有 CSS 语法的基础上，为 CSS 加入程序式语言的特性。先看一个 阅读全文
摘要：
hash模式：在浏览器中符号“#”，#以及#后面的字符称之为hash，用window.location.hash读取；特点：hash虽然在URL中，但不被包括在HTTP请求中；用来指导浏览器动作，对服务端安全无用，hash不会重加载页面。hash 模式下，仅 hash 符号之前的内容会被包含在请求中 阅读全文