本文用图梳理了 react 的工作原理，需配合源码食用。
Continue reading使用 Chrome Devtool 进行性能分析时，在 Performance 面板上，可以看到用绿线标出来的 First-Contentful-Paint。浏览器何时进行首次渲染？网上只能查到一些模棱两可的资料，今天我们来探究这个问题。
本文用图梳理了 vue、vue-router、vuex 的工作原理，需配合源码食用。
Continue reading本文解析 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最近接了需求，10w 条社交分享数据做一张社交关系图，为了能宏观分析要全量渲染。本文探讨万级节点流畅渲染的优化手段。
Continue reading了解什么是预检请求（Preflight request），浏览器何时发送 OPTIONS 请求，以及常见的 Content-Type。
Continue reading补充必要的 3D 数学知识。
Continue reading现代的单页应用开发已经离不开 Webpack 类打包工具的帮助。本文将以 Webpack 1 为例解析 Javascript bundler 的工作原理，包括 code splitting。
Continue reading单页应用性能的最大痛点就是 bundle 体积大导致首屏时间过长。使用 webpack 的 code splitting（代码分割）功能可以将 bundle 分片，加速首屏，但之后的交互势必会受到影响。预加载分片 thunk 是必需的，本文探讨最理想的预加载手段。