撸狗吸猫

virtual dom，虚拟dom，用js模拟DOM结构。 DOM变化对比放在JS层来做，提高重绘性能。 需求：根据数据生成表格，点击按钮，数据改变，表格内容也跟着改变。 dom操作是昂贵的，js运行效率高。 尽量减少dom操作。 项目越复杂，影响就越严重。 通过介绍snabb…

在工作和面试中，基础知识必须牢固，今天开始，不仅要继续读源码类知识，还要复习基础知识。 1. 什么是单线程，和异步有什么关系？ 单线程 - 只有一个线程，同一时间只能做一件事。 原因 - 避免DOM渲染的冲突。 详细解释：浏览器需要修改DOM，JS可以修改DOM，JS执行的时候…

在工作和面试中，基础知识必须牢固，今天开始，不仅要继续读源码类知识，还要复习基础知识。 1. zepto中的原型 3. 原型扩展 jquery和zepto原型中，都把原型上的方法赋值到了一个对象上，原因是为了扩展原型方法。所以对于原型扩展举例，zepto和jquery的插件机制…

在工作和面试中，基础知识必须牢固，今天开始，不仅要继续读源码类知识，还要复习基础知识。 因为模块化以及下面的知识会用到ES6语法，所以我们要利用babel来进行ES6语法转ES5语法。(babel官网有教程) 具体配置直接去babel官网看就可以了。 模块化需要利用webpac…

本节的内容是：了解createElement做了什么。 createElement方法先对 _createElement 做了一层封装，对不传data的情况做了一层处理，然后调用了 _createElement 来创建VNode。 目前来说， _createElement 比较…

本节的内容是：初步了解render。 上一节写到_render方法，我们现在来看看 _render的定义，它的定义在 src/core/instance/render.js文件中。 首先拿到render方法，然后在下面执行render函数，并返回一个vnode。我们在平时的开发…

本节的内容是：了解$mount实例挂载。 1. $mount:实例挂载 我们本次分析的是带 compiler 版本的 $mount 实现。 代码中，首先缓存了Vue原型链上的$mount，然后重新定义了这个方法，先判断el是不是body或者html标签，如果是就抛出警告。 接下…

本节的内容是：了解new Vue发生了什么。 1. new Vue 首先，会执行Vue原型链上的init方法，这个init方法是在initMixin中定义的，我们去看一下init方法。 我们分块来看init方法，init先统计了uid，然后合并了配置。 接着进行初始化生命周期，…

本节的内容是：了解vue源码入口文件。 我们上一节分析了Vue.js的构建过程，我们这次分析的是 Runtime + Compiler 构建出来的 Vue.js，它的入口是src/platforms/web/entry-runtime-with-compiler.js。 Vue…