本文基于近段时间对 hooks 碎片化的理解作一次简单梳理, 个人博客。同时欢迎关注基于 hooks 构建的 UI 组件库 —— snake-design。 在 class 已经融入 React 生态的节点下, React 推出的 Hooks 具有如下优势: 更简洁的书写; 相对 ...

一、创建型模式 深入理解设计模式（一）：单例模式(Singleton pattern): 确保一个类只有一个实例, 并提供全局访问点. 深入理解设计模式（二）：简单工厂模式(factory method pattern): 实质是由一个工厂类根据传入的参数，动态决定应该创建哪一个 ...

包括7大设计原则和23大设计模式。 7大设计原则 这7大设计原则不仅是23大设计模式要去遵守的，也是我们平常开发过程中要时刻去遵守的准则，所以说非常非常重要。 1，单一职责原则 1）定义：就一个类而言，应该仅有一个引起它变化的原因。简而言之，就是功能要单一。 2）如果一个类承担的职责过多 ...

1.设计模式：策略模式 2.设计模式：单例模式 3.设计模式：观察者模式 4.设计模式：工厂方法模式 5.设计模式：抽象工厂方法模式 6.设计模式：命令模式 7.设计模式：适配器模式 8.设计模式：装饰者模式 ...

介绍 桥接模式（Bridge）将抽象部分与它的实现部分分离，使它们都可以独立地变化。 正文 桥接模式最常用在事件监控上，先看一段代码： 上述代码，有个问题就是getBeerById必须要有浏览器的上下文才能使用，因为其内部使用了this.id这个属性，如果没用上下文，那就歇菜 ...

介绍 职责链模式（Chain of responsibility）是使多个对象都有机会处理请求，从而避免请求的发送者和接受者之间的耦合关系。将这个对象连成一条链，并沿着这条链传递该请求，直到有一个对象处理他为止。 也就是说，请求以后，从第一个对象开始，链中收到请求的对象要么亲自处 ...

介绍 组合模式（Composite）将对象组合成树形结构以表示“部分-整体”的层次结构，组合模式使得用户对单个对象和组合对象的使用具有一致性。 常见的场景有asp.net里的控件机制（即control里可以包含子control，可以递归操作、添加、删除子control），类似的还有DOM的机制 ...

介绍 从本章开始，我们会逐步介绍在JavaScript里使用的各种设计模式实现，在这里我不会过多地介绍模式本身的理论，而只会关注实现。OK，正式开始。 在传统开发工程师眼里，单例就是保证一个类只有一个实例，实现的方法一般是先判断实例存在与否，如果存在直接返回，如果不存在就创建了再返回，这就确保 ...