黄子毅

截止目前，React Server Component 还在开发与研究中，因此不适合投入生产环境使用。但其概念非常有趣，值得技术人学习。 目前除了国内各种博客、知乎解读外，...

在 精读《DOM diff 原理》 一文中，我们提到了 Vue 使用了一种贪心 + 二分的算法求出最长上升子序列，但并没有深究这个算法的原理，因此特别开辟一章详细说明。另外...

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

DOM diff 作为工程问题，需要具有一定算法思维，因此经常出现在面试场景中，毕竟这是难得出现在工程领域的算法问题。 无论出于面试目的，还是深入学习目的，都有必要将这个问...

Visitor（访问者模式）属于行为型模式。 意图：表示一个作用于某对象结构中的各元素的操作。它使你可以在不改变各元素的类的前提下定义作用于这些元素的新操作。 访问者，顾名...

Template Method（模版模式）属于行为型模式。 意图：定义一个操作中的算法的骨架，而将一些步骤延迟到子类中。TemplateMethod 使得子类可以不改变一个...

Strategy（策略模式）属于行为型模式。 意图：定义一系列的算法，把它们一个个封装起来，并且使它们可以相互替换。本模式使得算法可以独立于使用它的客户而变化。 策略是个形...

State（状态模式）属于行为型模式。 意图：允许一个对象在其内部状态改变时改变它的行为。对象看起来似乎修改了它的类。 简单来说，就是将 “一个大 class + 一堆 i...

Observer（观察者模式）属于行为型模式。 意图：定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都得到通知并被自动更新。 拿项目的 n...

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

Mediator（中介者模式）属于行为型模式。 意图：用一个中介对象来封装一系列的对象交互。中介者使各对象不需要显示地相互引用，从而使其耦合松散，而且可以独立地改变它们之间...

Interpreter（解释器模式）属于行为型模式。 意图：给定一个语言，定义它的文法的一种表示，并定义一个解释器。这个解释器使用该表示来解释语言中的句子。 任何一门语言，...

Command（命令模式）属于行为型模式。 意图：将一个请求封装为一个对象，从而使你可用不同的请求对客户进行参数化，对请求排队或记录请求日志，以及支持可撤销的操作。 如果看...

Chain of Responsibility（职责链模式）属于行为型模式。行为型模式不仅描述对象或类的模式，还描述它们之间的通信模式，比如对操作的处理应该如何传递等等。 ...

Proxy（代理模式）属于结构型模式，通过访问代理对象代替访问原始对象，以获得一些设计上的便捷。 意图：为其他对象提供一种代理以控制这个对象的访问。 如果看不懂上面的意图介...

Flyweight（享元模式）属于结构型模式，是一种共享对象的设计模式。 意图：运用共享技术有效地支持大量细粒度的对象。 如果看不懂上面的意图介绍，没有关系，设计模式需要在...

Facade（外观模式）属于结构型模式，是一种日常开发中经常被使用到的设计模式。 意图：为子系统中的一组接口提供一个一致的界面，Facade 模式定义了一个高层接口，这个接...

Decorator（装饰器模式）属于结构型模式，是一种拓展对象额外功能的设计模式，别名 wrapper。 意图：动态地给一个对象添加一些额外的职责。就增加功能来说，Deco...

Composite（组合模式）属于结构型模式，是一种统一管理树形结构的抽象方式。 意图：将对象组合成树形结构以表示 “部分 - 整体” 的层次结构。Composite 使得...