qq_43456687的博客

实现目标代码目标分析借图来分析一下流程，嘻嘻嘻，自己画的太丑啦注意此时data对象是挂载到vue实例的$data属性上，不符合我们的书写规范，所以需要进行代理操作根据节点类型进行编译依赖收集视图中会用到data中某key，这称为依赖。同一个key可能出现多次，每个依赖都需要一个Watcher来维护它们，此过程称为依赖收集。 多个Watcher需要一个Dep来管理，需要更新时由Dep统一通知。实现思路：实现过程：创建Dep创建Watcher时触发getter需要进行依赖收集(将watche

代码分割是webpack的一个重要特性，可以将代码分割成不同的部分（chunk），以便进行后续的按需加载和并行下载，对提升项目性能起着重要的作用方法一：webpack入口文件配制成多个文件const path = require('path');module.exports = { //entry也可以是数组，例如entry:['./src/index.js', './src/another-module.js'] //为数组时不会生成多个bundle //此时entry是对象 entry:

手写LoaderLoader 本质上是导出函数的 JavaScript 模块，而该模块导出的函数被称为 Normal Loader，在开发 Loader时，我们可以在导出的函数上添加一个 pitch 属性，它的值也是一个函数。该函数被称为 PitchingLoader。Loader执行时会先执行Pitching Loader再执行Normal Loader， Pitching Loade的执行顺序是 从左到右，而 Normal Loader 的执行顺序是 从右到左。借用他人示意图如下：开发之前需