vue
文章平均质量分 93
Sleepy-god
愿我们都有光明的未来
展开
-
Vue学习笔记 --- 模板编译原理
Vue学习笔记 — 模板编译原理 Vue.js提供了模板语法,允许我们声明式地描述状态和DOM之间地绑定关系,然后通过模板来生成真实DOM并将其呈现在用户界面上 一、渲染步骤 将模板编译成渲染函数可以分为两个步骤,先将模板解析成AST(Abstract Syntax Tree,抽象语法树),然后再使用AST生成渲染函数 由于静态节点不需要总是重新渲染,因此在生成AST之后与生成渲染函数之前会需要一个操作->遍历一遍AST,给所有静态节点做一个标记,这样在虚拟DOM更新节点时就会发现这个标记,也就不会重原创 2020-08-01 09:56:32 · 310 阅读 · 0 评论 -
Vue学习笔记 ---- 虚拟DOM
Vue学习笔记 ---- 虚拟DOM 什么是虚拟DOM 随着时代的发展,页面上的功能越来越多,程序中需要维护的状态越来越多,DOM操作也越来越频繁 我们发现像之前那样使用jQuery或原生js来开发页面,那么操作DOM的代码占据大多数,程序中的状态也难以进行管理,这被称为命令式操作DOM,虽然简单实用,但是却难以进行维护。 当我们开始使用三大主流框架Vue.js、Angular和React时,他们都是声明式地操作DOM,我们通过描述状态与DOM之间的映射关系,就可以将状态转换为视图,甚至我们根本不需要手动操原创 2020-06-30 10:03:44 · 369 阅读 · 0 评论 -
Vue学习笔记 -- Vue的响应式原理
Vue学习笔记 – Vue的响应式原理 今天通过王红元老师的教学视频和一些博主的技术分享,学习了Vue的响应式原理,话不多说直接进入正题 这是Vue官网中提供的响应式原理示意图,总结起来我们最常见到的响应式原理的答案就是: 使用Object.defineProperty将所有属性使用setter和getter进行劫持,在读取数据和写入数据时进行拦截处理 这是我自己总结的响应式流程: 然而这只是响应式原理中的一小部分,下面时是我用自己的话总结的响应式原理: Vue的响应式原理是通过使用订阅者-发布者模式,原创 2020-06-30 10:02:09 · 287 阅读 · 0 评论