亦黑迷失

FileReader 对象允许 Web 应用程序异步读取存储在用户计算机上的文件，支持读取 File 或 Blob 对象指定要读取的文件或数据...

在上一篇中，我们实现了数组的响应式处理，本篇将对依赖收集和 Watcher 类进行介绍。（本文是关于数据响应式原理的学习笔记，目的在于更好的理解 Vue 的底层原理）...

在上一篇《数据响应式原理 - 01》中，我们实现将一个对象变为响应式对象的处理，本篇则对如何处理数组进行介绍。...

本文是关于数据响应式原理的学习笔记，目的在于更好的理解 Vue 的底层原理，篇幅较长，故而拆分为几篇，今后会陆续更新...

承接上篇，当遇到新旧节点均为 children 属性有值的情况，继续分析四种命中查找的后两种：3. 新后与旧前；4. 新前与旧后...

承接前两篇的内容，本篇开始着手当 oldVnode 和 newVnode 是同一节点的情况下的精细化比较。...

上一篇《虚拟 DOM 和 diff 算法 -01》我们手写实现了 h 函数，本篇着重介绍 diff 算法以及手写 patch 函数。...

diff 用于精细化对比，最小量更新；虚拟 DOM 则是用 js 对象描述 DOM 的层次结构。DOM 中的一切属性都在虚拟 DOM 中有对应的属性。...

之前的笔记中，我们已经成功实现了将模板字符串编译为 tokens 的过程，剩下的工作就是将 tokens 结合数据解析成 dom 字符串。...

上篇我们大致介绍了什么是模板引擎并举了几个小例子帮助理解。本篇的主要内容则分为两大部分：mustache 的底层 token 思想，以及正式开始手写实现 mustache...

通过 Chrome 浏览器自带的工具进行内存泄漏检查，Performance 和 Memory 面板的使用。对重绘重排导致的性能损耗的优化。...

什么是模板引擎？模板引擎是将数据变为视图最优雅的解决方法。历史上曾经出现过的其它数据变视图的方法纯 DOM 法数组 join 法......