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