<p>DOM diff 作为工程问题，需要具有一定算法思维，因此经常出现在面试场景中，毕竟这是难得出现在工程领域的算法问题。</p> <p>无论出于面试目的，还是深入学习目的，都有必要将这个问题搞懂，因此前端精读我们就专门用一个章节说清楚此 ...

<p>本期精读的文章是：<a href="https://performancejs.com/post/hde6d32/The-Best-Frontend-JavaScript-Interview-Questions-%28written- ...

<p>本系列分三部曲：《框架实现》 《框架使用》 与 《跳出框架看哲学》，这三篇是我对数据流阶段性的总结，正好补充之前过时的文章。</p> <p>本篇是 《框架实现》。</p> <p>本周精读的文章是 <a href="https://do ...

<h2 id="1">1 概述</h2> <p>本期精读的是有限状态机管理工具 <a href="https://github.com/matthewp/robot">robot</a> 源码。</p> <p>有限状态机是指有限个数的状态之 ...

<p>本期精读文章 <a href="https://tomdale.net/2017/09/compilers-are-the-new-frameworks/">《Compilers are the New Frameworks》</a> ...

<p>本系列分三部曲：《框架实现》 《框架使用》 与 《数据流哲学》，这三篇是我对数据流阶段性的总结，正好补充之前过时的文章。</p> <p>本篇是收官之作 《前端数据流哲学》。</p> <h2 id="1">1 引言</h2> <p>写这 ...

<h1 id="1">1. 引言</h1> <p><a href="https://github.com/renatorib/react-powerplug">React PowerPlug</a> 是利用 render props 进行更 ...

<p>逻辑编排是用可视化方式描述逻辑，在一般搭建场景中用于代替逻辑描述部分。</p> <p>更进一步的逻辑编排是前后端逻辑混排，一般出现在一站式 paas 平台，今天就介绍一个全面实现了逻辑编排的 paas 工具 <a href="http ...

<h2 id="mvvm">MVVM模式</h2> <p><img alt="" src="http://img.smyhvae.com/20180420_2150.png"/></p> <ul> <li> <p>Model：负责数据存储< ...

<h2 id="_1">列表功能举例</h2> <h3 id="1">步骤 1：列表功能</h3> <p>完整的代码如下：</p> <pre class="codehilite"><code class="language-html">&l ...