Vue源码探秘
文章平均质量分 86
vue框架源码学习之路
万邺
如果有梦,那一定是蓝色
展开
-
Vue源码探秘之 数据响应式原理
Vue源码探秘之 数据响应式原理 从MVVM模式说开去 模板 <p>我{{age}}岁了</p> 数据变化 this.age++; 数据变化,视图会自动变化 侵入式和非侵入式 尤小右找到了“上帝的钥匙” Object.defineProperty() 数据劫持 / 数据代理 利用JavaScript引擎赋予的功能,检测对象属性变化,仅有“上帝的钥匙”不够,还需要设计一套精密的系统 Obj...原创 2021-02-11 11:24:06 · 222 阅读 · 0 评论 -
Vue源码探秘之 虚拟DOM和diff算法
Vue源码探秘之 虚拟DOM和diff算法 请扪心自问:你到底懂不懂虚拟DOM和diff算法?? 先简单介绍一下虚拟DOM和diff算法 新虚拟DOM和老虚拟DOM进行diff(精细化比较),算出应该如何最小量更新,最后反映到真正的DOM上。 • snabbdom是瑞典语单词,单词原意“速度”; • snabbdom是著名的虚拟DOM库,是diff算法的鼻祖,Vue源码借鉴了snabbdom; • 官方git:https://github....原创 2021-02-08 14:48:37 · 176 阅读 · 0 评论 -
Vue源码探秘之 mustache模板引擎
什么是模板引擎 模板引擎是将数据要变为视图最优雅的解决方案 历史上曾经出现的数据变为视图的方法 • 纯DOM法:非常笨拙,没有实战价值 • 数组join法:曾几何时非常流行,是曾经的前端必会知识 • ES6的反引号法:ES6中新增的`${a}`语法糖,很好用 • 模板引擎:解决数据变为视图的最优雅的方法 mustache的基本使用 • mustache官方git: https://github.com/janl/mustache.js • mustac...原创 2021-02-05 21:08:22 · 447 阅读 · 3 评论