本期精读的文章是：Here's why Client ...

1 引言 搭配了合适的设计模式的代码，才可拥有良好的可维护性，The ...

Mediator（中介者模式） Mediator（中介者模式）属于行为型模式。 意图：用一个中介对象来封装一系列的对象交互。中介者使各对象不需要显示地相互引用 ...

1 引言 unstated 是基于 Class Component 的数据流管理库，<a hr ...

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

1 引言 Recoil 是 Facebook 公司出的数据流管理方案，有一定思考的价值。 Recoil 是基于 Im ...

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

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

1 引言 React Hooks 渐渐被国内前端团队所接受，但基于 Hooks 的数据流方案却还未固定，我们有 “100 种” 类似的选择，却各有利弊，让人难以取舍。 本周笔者就深入谈一谈 ...

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