Korey

渲染 watcher 会触发 render 渲染 vnode，在渲染过程中，get 过程中，涉及到的所有变量都会添加此 watcher 作为订阅者。也就意味着在任一变量发生变化都会通知此 watcher执行 updateComponent 方法。 前面已知，在实例化 Watch…

该句执行完后，_init 方法（位置在 src/core/instance/init.js）执行结束。 判断是否有 $options.el，如果有就直接执行：vm.$mount(vm.$options.el)。在前面已经提到 $mount 方法与平台相关，所以在本例会执行 en…

依赖注入，用于层级组件间传值，不可响应。 判断是否存在 $options.inject，然后在 resolveInject 里递归向上各级父元素中查找 vm._provided 属性值里是否有对应的注入值。找到最新值后放在实例下监听， set 方法设置无法重写，即不能更改注入值…

根据 demo 配置，将 demo 跑起来，然后忽略掉分支剧情，只分析 Vue 运行的主流程。 变量 Vue 为 Vue 的构造函数，在执行 Vue 文件的过程中，会初始化设置 Vue 上的原型变量方法，Watch 类，Dep 类等等。 其中 staticRenderFns 包…

忽略掉 .babelrc.js,.editorconfig 等常规项目文件，只介绍 vue 相关。 dist 下有 10 几种不同版本的 vue 文件，他们是根据 不同规范（包括 CommonJS 规范，ES Module，UMD） 和 是否包含编译器 和 不同环境 构建出的不…

Vue 是一套用于构建用户界面的渐进式框架，被设计为可以自底向上逐层应用。本系列不会刻意梳理讲解 API 及 Vue 的用法，官方文档 已经有清晰的讲解。 本系列文章作为笔记，用于记录 vue2.x 的构建（含组件）主流程。 版本不同，源码略微有差异。 本项目 demo 开源在…

CSRF（Cross-site request forgery）跨站请求伪造：攻击者诱导受害者进入第三方网站，在第三方网站中，向被攻击网站发送跨站请求。利用受害者在被攻击网站已经获取的注册凭证(cookies 等)，绕过后台的用户验证，达到冒充用户对被攻击的网站执行某项操作的目…

实践中要确保 onFulfilled 和 onRejected 方法异步执行，且应该在 then 方法被调用的那一轮事件循环之后的新执行栈中执行。本实现代码采用 setTimeout（宏任务）来实现异步任务，而 chrome 里的 promise 实现则是采用微任务（%Enqu…

此系列文章作为笔记，用于记录分析 webpack 源码主流程的过程。 版本不同，源码略微有差异。 本项目 demo 开源在github，欢迎交流学习。 采用 vscode 来打断点调试分析。 webpack 从配置初始化到打包完成定义了一个生命周期，在这个生命周期中的每一个阶段…