快速掌握前端必会的7种设计模式

从“写代码”到“写好代码”到“设计代码”，不仅是技术的提升，更是编程思维的提升，其中关键的就是设计模式。但很多人想学习设计模式时，往往是查到的资料一堆，有用的知识少见，学得云里雾里，难以实践。本课从23种设计模式中精选前端常用的7种设计模式，利用场景化实例教学，让想学的人尽可能学明白、会应用、能实践。

课程目标

• 掌握前端常用的 7 种设计模式，搭建优秀的代码结构化思维
• 夯实代码设计的底层逻辑
• 学透常用的7种设计模式
• 实践主流设计模式的真实应用

课程亮点

• 不盲目求全，23 种设计模式中精选 7 种，高效冲破新鲜知识领域
• 工厂模式
• 单例模式
• 观察者模式
• 迭代器模式
• 装饰器模式
• 原型模式
• 代理模式

课程目录

• 第一章： 本章介绍课程主要内容，学习目标，学习方法和注意事项。
• 第二章： 面向对象 OOP 和 UML 类图 - 前端开发的必备编程思
• 第三章： 设计原则 - 设计模式只是套路，设计原则是指导思想
• 第四章： 工厂模式 - 封装实例的创建过程，解放 Vue React 内部都在用
• 第五章： 单例模式 - 全局只允许有一个实例，多则出错（用 TS 语法实现更优雅）
• 第六章： 观察者模式 - 前端（及其他 UI 编程）最常用的设计模式，工作必用，面试必考
• 第七章： 迭代器模式 - 遍历数据不仅仅是for和forEach ，还有Iterator
• 第八章： 原型模式 - 原型和原型链是 JS 必备的基础知识，还扩展了JS对象属性描述符
• 第九章： 装饰器模式 - Decorator现已是JS 的标准语法，装饰器正在前端普及开来
• 第十章： 代理模式 - Proxy 是 ES6 的语法，但代理模式在 JS 中却无处不在
• 第十一章： 其他设计模式 - 虽然有些模式不常用，但其编程思路很常用
• 第十二章： 实战演练 - 看两个面试真题，体会一下设计模式的价值

资源下载

下载地址 (opens new window); 提取码：http://dt2.8tupian.net/2/29369a347b200.pg1