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

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

适合人群

任何想学习设计模式的前端人员

希望一鸣惊人的应届生

想要造轮子搭工具的技术玩咖

技术储备

熟悉 JAVAscript

了解 Vue 和 React

环境参数

vue 3.0

React 17

课程大纲

第1章课程介绍

第2章面向对象OOP和UML类图-前端开发的必备编程思想

第3章设计原则-设计模式只是套路，设计原则是指导思想

第4章工厂模式-封装实例的创建过程，解放VueReact内部都在

第5章单例模式-全局只允许有一个实例，多则出错（用TS语法实现更

第6章观察者模式-前端（及其他UI编程）最常用的设计模式，工作必

第7章迭代器模式-遍历数据不仅仅是for和forEach，还有I

第8章原型模式-原型和原型链是JS必备的基础知识，还扩展了JS对

第9章装饰器模式-Decorator现已是JS的标准语法，装饰器

第10章代理模式-无论开发环境还是线上环境，编程处处有代理icl

第11章其他设计模式-虽然有些模式不常用，但其编程思路很常用ic

第12章实战演练-看两个面试真题，体会一下设计模式的价值

第13章课程总结

课件.zip