背景 在最近的项目中，我们面临了一个需求：监听异步数据的更新，并及时通知相关的组件模块进行相应的处理。传统的事件监听和回调函数方式可能无法满足我们的需求，因此我们决定采用响应式编程的方法来解决这个问题

浅谈前端曝光率高的九大设计模式。分别从创建型：构造器模式、共产模式、单例模式；结构型：适配器模式、装饰器模式、代理模式；行为型：观察者模式、模板模式、命令模式

Modal 模态对话框。 在中台业务中非常常见。 什么是声明式 Modal 组件库中一般都会内置这类组件，最为参见的声明式 Modal 定义。 例如 Antd 5 中的声明式 Modal 是这样定义的

不知道有没有跟我一样，对于设计模式存在困惑的，以我为例，不瞒大家，我对设计模式真的是“看山就是山”、“看水就是水”、“看理论就是看理论”。毕业之前，我自己捣鼓的东西/项目，几乎没有设计的思想。老夫才不管那么多，直接梭哈，But，正是因为这样，才导致因设计缺陷、代码实现缺陷，为后…

日常业务中对设计的一些思考和设计模式在业务中的使用。本文主要讲适配器模式，将从前端角度去切入之前是怎么做的，现在是这么做的，为什么要用适配器

责任链模式（Chain of Responsibility Pattern）是一种行为设计模式，它允许多个对象都有机会处理请求，从而避免请求的发送者和接收者之间的耦合关系。

前端的代码也是需要设计的，话虽如此，但即便看了很多设计模式的书籍，也无法真正应用起来。后来发现还是需要真实业务场景入手，思考在面对复杂多变的需求时如何编写更简洁、更容易维护的代码。本文从这个角度入手，整理了自己在前端业务开发中遇见的一些设计模式。 本文不会介绍相关的概念，也不会…

注册功能前端到后端数据库这一套流程 懒加载 图片压缩算法 加载很多图片时的优化方法，页面加载时的交互优化 常见的规范 媒体查询 页面跳转的方式 怎么监听内容的改变：监听oninput

在开始学习责任链之前，虽然免不了要经常修改代码，但是这样做可能会导致几个问题，下面根据 SOLID 的 单一职责（Single responsibility）和开放封闭（open/close）来说明。