本文解析 Virtual DOM 在框架中的实际运用:如何构建一个 Virtual DOM,并基于其构建真实 DOM。当 Virtual DOM 结构发生改变时,如何进行 Diff,并更新真实 DOM。
Continue reading无论是 Vue 中的 Template 还是 React 中的 JSX,使用框架时,我们都是把 HTML 写在了 JavaScript 里,随后框架解析 HTML 字符串,得到 AST,继而生成 virtual dom。本文解析如何实现一个 HTML Parser,并且简单支持识别 Vue 中的事件、指令。
Continue reading现代的单页应用开发已经离不开 Webpack 类打包工具的帮助。本文将以 Webpack 1 为例解析 Javascript bundler 的工作原理,包括 code splitting。
Continue reading上篇文章中阐释了我对 Redux 架构及其复杂性的看法,提到了 Redux 本质是一个非常简单易懂的状态管理架构,本文将解析 Redux 的源码,并从零实现一个带有中间件系统的 Redux。
Continue reading初用 Redux 时,我也有过一个疑惑:一个简单的数据读写操作,为什么要我写那么多样板代码?为什么这个写起来令人厌烦的架构工具却能得到如此高的流行度?随着理解的深入,我逐渐认可了 redux 的理念,本文将阐述一些我对 redux 中复杂度的看法。
Continue reading现代前端框架都引入了数据的响应式系统:模型层(Model)只是普通的 JavaScript 对象,修改它则自动更新视图(View),这让状态管理简单而直观。 Vue、Meteor Tracker、Mobx 中的数据响应式系统原理基本相同,本文将对其进行解析,并从零开始一步步实现一个与框架解耦的数据响应式系统。
Continue reading