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

<p>每个前端都想做一个完美的表格，业界也在持续探索不同的思路，比如钉钉表格、语雀表格。</p> <p>笔者所在数据中台团队也对表格有着极高的要求，尤其是自助分析表格，需要兼顾性能与交互功能，本文便是记录自助分析表格高性能的研发思路。</p ...

<h2 id="1">1 引言</h2> <p><a href="https://github.com/jamiebuilds/unstated">unstated</a> 是基于 Class Component 的数据流管理库，<a hr ...

<h2 id="1">1 引言</h2> <p><img alt="" src="https://cdn-images-1.medium.com/max/1600/1*UF_zemLVnvMmksAN5dgZDg.png"/></p> <p ...

<h1 id="iterator">Iterator（迭代器模式）</h1> <p>Iterator（迭代器模式）属于行为型模式。</p> <p><strong>意图：提供一种方法顺序访问一个聚合对象中的各个元素，而又不需要暴露该对象的内部 ...

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

<h2 id="1">1 引言</h2> <p>函数缓存是重要概念，本质上就是用空间（缓存存储）换时间（跳过计算过程）。</p> <p>对于无副作用的纯函数，在合适的场景使用函数缓存是非常必要的，让我们跟着 https://whatthef ...

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

<p>with 是一个不推荐使用的语法，因为它的作用是改变上下文，而上下文环境对开发者影响很大。</p> <p>本周通过 <a href="https://dev.to/mistval/javascript-s-forgotten-keyw ...

<h2 id="1">1 引言</h2> <p><a href="https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API">Intersectio ...