今天天气真不错u

阅读笔记

问题总结(245)

/ 注册

全部文章 / 阅读笔记（共16篇）

第14章常见Vue问题最佳实践总结来自专栏

1.为列表渲染设置属性key key这个特殊属性主要用于Vue.js的虚拟DOM算法中，在对比新旧虚拟节点时辨识虚拟节点。在更新子节点时，需要从旧虚拟节点列表中查找与新虚拟节点相同的节点进行更新。如果这个查找过程设置了key，那么查找速度会快很多，所以尽可能在使用v-for的时候提供key属性，可以...

2020-12-24

0 361

第13章 (第⑤篇生命周期）生命周期来自专栏

1.生命周期图示 1.1 初始化阶段从new Vue()到created之间的阶段叫作初始化阶段。这个阶段主要目的是在Vue.js实例上初始化一些属性、事件以及响应式数据，如props、methods、data、computed、watch、provide和inject等。 1.2 模板编译阶...

2020-12-24

0 377

第12章 (第④篇整体流程）实例方法与全局API的实现原理（下）来自专栏

4. 全局API的实现原理 4.1 Vue.extend Vue.extend( options )【参数】{Object} options【用法】使用基础Vue构造器创建一个“子类”，其参数是一个包含“组件选项”的对象。data选项是特例，在Vue.extend()中，它必须是一个函数。 <...

2020-12-24

0 378

第12章 (第④篇整体流程）实例方法与全局API的实现原理（中）来自专栏

3.3 vm.$nextTick nextTick接收一个回调函数作为参数，作用是将回调延迟至下次DOM更新之后执行，它与全局方法Vue.nextTick相同，不同的是回调的this自动绑定到调用它的实例上。如果没有提供回调且在支持promise的环境中，则会返回一个promise。需要用到next...

2020-12-23

0 400

第12章 (第④篇整体流程）实例方法与全局API的实现原理（上）来自专栏

Vue.js内部，有这样一段代码: import { initMixin } from './init' import { stateMixin } from './state' import { renderMixin } from './render' import { eventsMixin ...

2020-12-23

0 404

第11章 (第③篇模板编译原理）代码生成器来自专栏

代码生成器是模板编译地最后一步，它的作用是将AST转换成渲染函数中的内容，这个内容叫做代码字符串。代码字符串可以被包装在函数中执行，这个函数就是通常所说的渲染函数。虚拟DOM中的_c,_v,_e,_s函数_c是createElement的别名。createElement是虚拟DOM中所提供的方法，它...

2020-12-22

0 344

第10章 (第③篇模板编译原理）优化器来自专栏

优化器的是在AST中找出静态子树并打上标记。静态子树指的是那些在AST中永远不会发生变化的节点。纯文本节点就是静态子树，而带变量的文本节点就不是静态子树，它会随着变量的变化而变化。标记静态子树有两个好处：1.在每次重新渲染时，不需要为静态子树创建新节点（使用克隆节点）2.在虚拟DOM中打补丁（pat...

2020-12-22

0 442

第9章 (第③篇模板编译原理）解析器来自专栏

解析器的作用解析器要实现的功能就是将模板解析成AST。AST类似vnode只是用JavaScript中的对象来描述一个节点。解析器内部的运行原理解析器中最主要的就是HTML解析器，它在解析HTML过程中会不断触发各种钩子函数。 parseHTML(template,{ start(ta...

2020-12-22

0 424

第8章 (第③篇模板编译原理）模板编译来自专栏

开篇模板编译再整个渲染过程中的位置。 1.模板→2.模板编译→3.渲染函数→4.vnode→5.用户界面1-3属于模板编译 3-5属于虚拟DOMVue.js提供了模板语法，允许我们声明式地描述状态和DOM之间的绑定关系，然后通过模板来生成真实DOM并将其呈现在用户界面上。在底层是线上，Vue.js...

2020-12-21

0 456

第7章 (第②篇虚拟DOM）diff中的patch 来自专栏

patching算法虚拟DOM最核心的部分就是patch，它可以将vnode渲染成真实的DOM。patch也可以叫做patching算法，通过它渲染真实DOM时，并不是暴力覆盖原有DOM，而是比对新旧两个vnode之间有什么不同，然后根据比对结果找出实际需要更新的节点进行更新，其实际作用就是在现有...

2020-12-21

0 620