前端设计模式 | 青训营笔记

64 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的第4天

什么是设计模式?

软件设计中常见问题的解决方案模型:是由历史经验总结,与特定语言无关

设计模式背景

1.模式语言:城镇,建筑,建造

2.设计模式:可复用面向对象软件的基础

设计模式的分类

创建型-如何创建一个对象

结构型-如何灵活将对象组转成较大的结构

行为型-负责对象间高效通信和职责划分

浏览器中的设计模式

1.单例模式

定义:全局唯一访问对象

应用场景:缓存全局状态管理等

2.发布订阅模式

定义:一种订阅机制,可在被订阅对象发生变化时通知订阅者

应用场景:从系统架构之间的,到业务中实现模式,像邮件订阅,上线订阅等等,应用广泛。

前端框架中的设计模式

1.代理模式

2.组合模式

前端框架中对DOM操作的代理

屏幕截图 2022-07-29 103324.png

六大设计原则

开闭原则:对扩展开放,对修改关闭

单一职责原则: 对象的职责要单一

迪米特法则(最少知道原则): 尽量降低类与类之间的耦合

依赖倒置原则: 依赖于抽象而不依赖具体

接口隔离原则:避免实现不必要的接口

里氏替换原则:任何父类使用的地方,子类都可以用(子类完全继承父类)

代码指标

健壮性,可读性,可扩展性,复用性

总结

学习前端设计模式可以是我们更好的了解前端开发的一个过程,而且能让我们的前端代码更有序,同时前端设计模式,也能让我对前面所学的基础知识,有个更深一步了解,逐渐走向前端工程化。