<h1 id="1">1. 引言</h1> <p><a href="https://www.smashingmagazine.com/2019/07/javascript-knowledge-reading-source-code/">ja ...

<p>前端精读专栏，给大家拜年了！</p> <p>趁着过年，先聊几句咱们前端精读：</p> <p>前端精读不仅仅是知识的搬运工！前端精读不仅仅是知识的搬运工！重要的话重复两遍。</p> <p>论搬运知识量，我们比不上前端周刊；论翻译水平，我 ...

<h1 id="react-context">精读《如何安全地使用 React context》</h1> <p>本期精读文章是：<a href="https://medium.com/@mweststrate/how-to-safely- ...

<h2 id="1">1 引言</h2> <p>在数据中台做 BI 工具经常面对海量数据的渲染处理，除了组件本身性能优化之外，经常要排查整体页面性能瓶颈点，尤其是维护一些性能做得并不好的旧代码时。</p> <p>React 性能调试是面对这 ...

<h2 id="1">1 引言</h2> <p>搭配了合适的设计模式的代码，才可拥有良好的可维护性，<a href="https://dmitripavlutin.com/orthogonal-react-components/">The ...

<p>本期精读的文章是：<a href="https://medium.freecodecamp.com/heres-why-client-side-rendering-won-46a349fadb52">Here's why Client ...

<h2 id="1">1 引言</h2> <p>本周跟着 <a href="https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/">Tasks, micr ...

<h1 id="memento">Memento（备忘录模式）</h1> <p>Memento（备忘录模式）属于行为型模式，是针对如何捕获与恢复对象内部状态的设计模式。</p> <p><strong>意图：在不破坏封装性的前提下，捕获一个对 ...

<h2 id="1">1 引言</h2> <p>拖拽是前端非常常见的交互操作，但显然拖拽是强 DOM 交互的，而 React 绕过了 DOM 这一层，那么基于 React 的拖拽方案就必定值得聊一聊。</p> <p>结合 <a href=" ...

<h2 id="1">1 引言</h2> <p><a href="https://recoiljs.org/">Recoil</a> 是 Facebook 公司出的数据流管理方案，有一定思考的价值。</p> <p>Recoil 是基于 Im ...