前端设计模式应用

133 阅读2分钟

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

abc.jpg.png

设计模式

什么是设计模式

软件设计中常见问题的解决方案模型。

javasript的设计模式

原型模式

定义:复制已有对象来创建新的对象。 应用场景:JS中对象创建的基本模式。

代理模式

可自定义控制对原对象的访问方式,并且允许在跟新前后做一些额外处理。

迭代器模式

在不暴露数据类型下访问集合中的数据。

前端框架中的设计模式

前端设计模式分为三大类

  1. 结构型模式:通过识别系统中组件间的简单关系来简化系统的设计。
  2. 创建型模式:处理对象的创建,根据实际情况使用合适的方式创建对象。常规的对象创建方式可能会导致设计上的问题,或增加设计的复杂度。创建型模式通过以某种方式控制对象的创建来解决问题。
  3. 行为性模型:用于识别对象之间常见的交互模式并加以实现,如此,增加了这些交互的灵活性。

代理模式

为其他对象提供一种代理以控制对这个对象的访问。在某些情况下,一个对象不适合或者不能直接引用另一个对象,而代理对象可以在客户端和目标对象之间起到中介的作用。

前端框架对DOM的操作

更改DOM属性-更新虚拟DOM-DIFF算法-视图更新

组合模式

主要应用于DOM,前端组件,文件目录,部门。

总结

设计模式是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结。合理的运用设计模式可以完美的解决很多问题,每种模式在现在中都有相应的原理来与之对应,每一个模式描述了一个在我们周围不断重复发生的问题,以及该问题的核心解决方案,这也是它能被广泛应用的原因。