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

85 阅读2分钟

这是我参与「第五届青训营」伴学笔记创作活动的第8天

一、本节课重点内容

本节课,老师主要围绕前端开发日常实践中软件工程的设计模式及在前端的应用展开教学,通过对设计模式定义解读,讲解设计模式的发展背景、分类,并且带来浏览器中的单例发布订阅这两个主要设计模式。

课程重点整理如下:

  1. 设计模式概念和背景解读
  2. 设计模式分类枚举
  3. 浏览器中主要的设计模式

二、详细知识点介绍

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

  1. 历史经验的总结:前辈们在处理问题的时候的一些经验总结;
  2. 与特定语言无关:是一定的模式,而不是具体、具象的解决方法;

设计模式的趋势与背景:

  • 模式语言:城镇、建筑、建造(A Pattern Language: Towns, Buildings, Construction)1977

  • 设计模式:可复用面向对象软件的基础 (Design Patterns: Elements of Reusable Object- Oriented Software) 1994

设计模式这本书的内容:主要讲解了23种设计模式

  • 创建型-如何创建一个对象,主要是讲解一些面向对象的设计语言;
  • 结构型-如何高效的、灵活的将对象组装成较大的结构;
  • 行为型-负责对象间的高效通信和职责划分,先后、规则的划定;

浏览器中的设计模式:

  • 单例模式:创建一个全局唯一的访问对象

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

  • 发布订阅模式:是一种订阅机制,可在被订阅对象发生变化时,通知订阅者这个变化。

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

三、总结

本节课,我学到了设计模式的相关知识,设计模式并不是一个难以理解的概念,对我们来说,我们需要准确的把握起含义、思想、功能、方法,让它有效的服务于我们的生产设计中。