本课是给一门前端同学的设计模式精讲课,带你掌握前端经典的 7 种设计模式,构建一流的编码思维能力。
从“写代码”到“写好代码”到“设计代码”,不仅是技术的提升,更是编程思维的提升,其中最关键的就是设计模式。但很多人想学习设计模式时,往往是查到的资料一堆,有用的知识少见,学得云里雾里,难以实践。精选前端常用的7种设计模式,基于实际业务场景逐一解读,让想学的人真正学明白、会应用、能实践。
第1章 课程介绍
第2章 面向对象 OOP 和 UML 类图 - 前端开发的必备编程思想
第3章 设计原则 - 设计模式只是套路,设计原则是指导思想
第4章 工厂模式 - 封装实例的创建过程,解放 Vue React 内部都在用
第5章 单例模式 - 全局只允许有一个实例,多则出错(用 TS 语法实现更优雅)
第6章 观察者模式 - 前端(及其他 UI 编程)最常用的设计模式,工作必用,面试必考
第7章 迭代器模式 - 遍历数据不仅仅是for和forEach ,还有Iterator
第8章 原型模式 - 原型和原型链是 JS 必备的基础知识,还扩展了JS对象属性描述符
第9章 装饰器模式 - Decorator现已是JS 的标准语法,装饰器正在前端普及开来
第10章 代理模式 - 无论开发环境还是线上环境,编程处处有代理
第11章 其他设计模式 - 虽然有些模式不常用,但其编程思路很常用
第12章 实战演练 - 看两个面试真题,体会一下设计模式的价值
第13章 课程总结
快速掌握前端必会的 7 种设计模式资源目录截图(已完结,包含视频+课件+代码):