Echoyya、

摘要： Vue 响应式数据 什么是响应式数据：数据变了，视图能更新，反之视图更新，数据要不要更新，不归响应式数据管。 Vue 在内部实现了一个最核心的defineReactive方法,借助了Object.defineProperty，核心就是劫持属性(只会劫持已经存在的属性)，把所有的属性，重新的添加了 g 阅读全文

摘要： 实现效果 完整 demo 参考 <template> <div class="contain"> <ul class=""> <li class="count">{{num(leftData,true)}}/{{leftData.length}}</li> <li v-for="(city,inde 阅读全文

摘要： 1. noParse 作用主要是过滤不需要解析的文件，比如打包的时候依赖了三方库（jquyer、lodash）等，而这些三方库里面没有其他依赖，可以通过配置noParse不去解析文件，提高打包效率。 是module中的一个属性，设置一个正则表达式，过滤多个库以|分割 module: { noPars 阅读全文

摘要： style -loader <= css-loader <= less-loader style-loader 将css样式插入到html中 css-loader 解析import、require 路径处理 less-loader 将less解析为css { test: /\.less$/, use 阅读全文

摘要： 1. Candy Solo和koko分糖 如果可以分给弟弟，必定满足全部异或为0，找出最小的一个给弟弟 function handle1(input) { let [num, map] = input.split("\n"); map = map.split(/\s+/).map(a => Numb 阅读全文

摘要： 实现效果: 第一行：子选项的选中状态 等于 全选框的状态 this.letters.forEach(item => item.check = this.checkAll) 第二行： 使用数组 every 方法的特性，数组的每一项均满足某一条件时，结果为 true 也可以使用数组的 filter方法， 阅读全文

摘要： 处理 webpack 在编译过程中的某个特定任务的功能模块，plugins 选项用于以各种方式自定义 webpack 构建过程。其中webpack 附带了各种内置插件，可以通过 webpack.[plugin-name] 访问这些插件。 webpack 打包的整个过程，它并不直接操作文件，而是基于事 阅读全文

摘要： webpack 打包模块化后的应用程序，会生成一个可部署的 /dist目录，只要 /dist 目录中的内容部署到 server 上，client（通常是浏览器）就能够访问此 server 的网站及其资源。而最后一步获取资源是比较耗费时间的，这就是为什么浏览器使用一种名为 缓存 的技术。 通过命中缓存 阅读全文

摘要： 懒加载或者按需加载，是一种很好的优化网页或应用的方式。实际上是先把代码在一些逻辑断点处分离开，然后在一些代码块中完成某些操作后，立即引用或引用另外一些新的代码块。这样加快了应用的初始加载速度，减轻了它的总体体积，因为某些代码块可能永远不会被加载。 在代码拆分的例子基础上，会在脚本运行时产生一个分离的 阅读全文

摘要： 代码拆分能够将代码分离到不同的 bundle 中，然后可以按需加载或并行加载这些文件。代码拆分可以用于获取更小的 bundle，以及控制资源加载优先级，会影响加载时间。 常用的代码拆分方法： 入口起点：使用 entry 配置手动地分离代码。 防止重复：使用 CommonsChunkPlugin去重和 阅读全文