本文系统讲解了观察者模式和迭代器模式的设计原理与实现方法。观察者模式通过定义一对多的依赖关系，实现状态变更时的自动通知机制，在电商订单系统、Vue响应式等场景有广泛应用。迭代器模式则提供统一的集合遍历接口，支持数组、类数组及自定义数据结构的顺序访问。文章通过生活案例和代码示例（包含TS类型安全实现）详细展示了两种模式的核心价值：观察者模式实现发布者与订阅者的解耦，迭代器模式统一不同集合的遍历方式。

本文系统讲解两种前端设计模式：单例模式和原型模式。单例模式通过静态属性或闭包确保类仅有一个实例，在Vuex中表现为"假单例"，并通过全局弹窗管理器案例展示实践应用。原型模式作为JS核心范式，通过构造函数、原型对象和实例构成原型链，重点解析了深拷贝实现方式（JSON方法和递归遍历）及学生对象案例。两种模式分别解决了全局唯一性和对象共享/克隆问题，是前端开发的重要设计思想。

摘要：本文系统讲解策略模式和状态模式的设计思想与应用场景。策略模式通过封装可替换算法（如商品询价规则、登录验证逻辑）实现解耦，利用对象映射消除if-else，符合开放封闭原则。状态模式处理对象状态切换（如咖啡机工作流程、自动门控制），将状态相关行为封装为映射对象，通过委托执行状态逻辑。两种模式都通过TS类型系统（接口、枚举）增强代码健壮性，策略模式侧重算法选择独立性，状态模式强调状态与行为的绑定关

装饰器模式详解：从理论到实践 本文系统介绍了装饰器模式的核心概念与应用实践。上篇重点阐述装饰器模式的定义（在不修改原对象前提下通过包装拓展功能）和设计原则（开放-封闭、单一职责），通过按钮功能迭代案例展示解决方案，并完成日志打印装饰器的TS实现，突出类型安全的优势。下篇深入ES7装饰器语法，解析类装饰器与方法装饰器的底层原理，结合React高阶组件、Redux等实际场景说明生产应用，最后通过函数性

共性：所有代理类型均通过「中间层（代理器）」实现间接访问，核心是「分离访问与实现」差异：代理器的目标不同（性能优化、职责解耦、效率提升、权限控制）适用场景：当需要增强控制、拆分复杂逻辑、优化性能时，优先考虑代理模式。

上一章节，我们介绍了工程化 Node.js 项目需要的配置文件 package.json。这一章节，我们开始介绍工程化所需的工具之一：ESLint。JavaScript 语言的代码书写形式比较宽松，只要符合基本的语法，都可以正确运行。对于空白符、括号、缩进、以及分号的形式，JavaScript 并没有强制的要求。许多前端程序员，都有自己的书写习惯。但是，在多人维护的项目，统一代码书写风格则很有必要

如果后续需求变复杂（比如外卖平台要区分“普通订单”和“会员订单”，且会员订单有额外折扣），你觉得现在的简单工厂模式还够用吗？如果不够，应该怎么优化？设计一个支持“暗黑主题”和“亮色主题”的组件工厂，每个主题需包含“按钮（Button）”和“输入框（Input）”两种组件，且组件样式与交互匹配主题。但问题来了：每次创建员工，都要手动判断“他是程序员还是产品”，再选对应的构造器——500个员工要判断5

Node.js 不是一种新语言而是一个平台，为 JavaScript 提供了浏览器之外的运行时环境。它提供了丰富的内置模块，包括 File System 模块、Net 模块、HTTP 模块、URL 模块、Process 模块等等。这些模块能够让 JavaScript 操作我们的计算机，建立 Web 服务器。那这一节课，我们安装了 Node.js 并浅浅体验了它的基本用法，在后续的课程中，我们将深入

本文介绍了Node.js中http模块的使用方法，相比net模块更简便地创建HTTP服务。通过示例代码演示了如何处理不同URL路径的请求（返回200或404状态码），并讲解了HTTP内容协商机制，即根据请求头的Accept字段返回不同格式（HTML/JSON）的响应内容。文章还概述了HTTP协议的动作（GET/POST等）和状态码（200/404等）的分类及规范，强调遵循HTTP规范的重要性。最后

AJAX 是异步的 JavaScript 和 XML（Asynchronous JavaScript And XML）。简单理解AJAX：是一种客户端与服务器进行网络通信技术，AJAX通常使用XMLHttpRequest 对象来发送请求和接收响应现代开发中我们通常使用 JSON格式来进行数据的传输Axios 是一个别人封装好的网络请求库，可以方便的让我们完成与服务器进行网络通讯。浏览器端Axios