前端学习笔记202306学习笔记第五十二天-设计模式1
2023-08-09
75
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
前端学习笔记202306学习笔记第五十二天-设计模式1
目录
相关文章
|
15天前
|
设计模式
前端开发
调度
前端必须掌握的设计模式——工厂模式
工厂模式是一种创建型设计模式，通过工厂媒介提供统一接口来创建对象，客户端只需告知创建需求，具体逻辑由工厂处理。工厂模式分为简单工厂、标准工厂和抽象工厂，分别适用于不同场景下的对象创建需求。简单工厂利用静态方法创建对象，标准工厂通过具体工厂类减少耦合，抽象工厂则用于创建一系列相关或依赖对象的家族。
38
6
6
|
2天前
|
设计模式
存储
供应链
前端必须掌握的设计模式——观察者模式
观察者模式（Observer Pattern）是一种行为型设计模式，实现了一种订阅机制。它包含两个角色：**观察者**（订阅消息、接收通知并执行操作）和**被观察者**（维护观察者列表、发送通知）。两者通过一对多的关系实现解耦，当被观察者状态改变时，会通知所有订阅的观察者。例如，商店老板作为被观察者，记录客户的需求并在商品到货时通知他们。前端应用中，如DOM事件注册、MutationObserver等也体现了这一模式。
20
4
4
|
13天前
|
设计模式
前端开发
JavaScript
前端必须掌握的设计模式——装饰器模式
装饰器模式是一种结构型设计模式，通过创建新类来包装原始对象，实现在不修改原有结构的前提下扩展新行为。其核心在于“组合”思想，使新功能可“即插即拔”。该模式具有解耦性、灵活性和动态性等特点，广泛应用于类的面向对象编程语言中，如JavaScript的注解和TypeScript的写法。示例中，通过装饰器模式为游戏角色动态添加装备，展示了其强大的扩展性和灵活性。
45
16
16
|
6天前
|
设计模式
前端开发
数据安全/隐私保护
前端必须掌握的设计模式——代理模式
代理模式（Proxy Pattern）是一种结构型设计模式，通过引入“替身”对象来间接访问真实对象，从而解耦并提升性能和安全性。例如，知名艺人复出后，经纪人作为代理筛选商单，确保只处理符合团队利益的请求。代码实现中，定义接口`IService`，艺人和经纪人都实现该接口，经纪人在访问时进行过滤和转发。代理模式常用于权限控制、性能优化等场景，如前端中的Tree-shaking和ES6的Proxy构造方法。
15
0
0
|
17天前
|
设计模式
存储
前端开发
前端必须掌握的设计模式——单例模式
单例模式是一种简单的创建型设计模式，确保一个类只有一个实例，并提供一个全局访问点。适用于窗口对象、登录弹窗等场景，优点包括易于维护、访问和低消耗，但也有安全隐患、可能形成巨石对象及扩展性差等缺点。文中展示了JavaScript和TypeScript的实现方法。
63
13
13
|
9天前
|
设计模式
JSON
前端开发
前端必须掌握的设计模式——适配器模式
适配器模式是一种结构型设计模式，用于使接口不兼容的对象能够相互合作。通过在客户端和系统之间引入一个“中间层”适配器，将不同类型的输入数据转换为系统能处理的标准格式，减轻系统的负担，提高扩展性和可维护性。例如，MacBook的扩展坞将多种接口（如HDMI、USB）转换为Type-C接口，实现多接口兼容。
14
2
2
|
22天前
|
设计模式
Java
Kotlin
|
22天前
|
设计模式
安全
Java
|
28天前
|
设计模式
Java
Kotlin
|
28天前
|
设计模式
Java
API
热门文章
最新文章
1
wordpress页面前端添加编辑按钮
2
前端实现tab栏切换，这么常见的案例你学会了吗？
3
前端 时间个性化 插件 jquery.timeago.js
4
你用过的网站前端优化的技术有哪些？
5
基于qiankun落地部署微前端爬”坑“记
6
前端进阶|第四天从setTimeout、Promise看js 的异步机制
7
python 学习 第九篇 前端应用
8
前端架构成长之路——微前端架构理论篇
9
前端包管理 pnpm 学习资料整理
10
从0到上线开发企业级电商项目_前端_01_sublime使用技巧
1
js设计模式-观察者模式与发布/订阅模式
74
2
js设计模式-策略模式与代理模式的应用
75
3
LabVIEW状态机设计模式技术手册和练习
107
4
设计模式在Java开发中的应用
45
5
写出易维护的代码｜React开发的设计模式及原则
118
6
19：Web开发模式与MVC设计模式-Java Web
122
7
18：JavaBean简介及其在表单处理与DAO设计模式中的应用-Java Web
130
8
JAVA设计模式之结构型模式
80
9
【JavaScript 技术专栏】JavaScript 设计模式与实战应用
93
10
【初学者慎入】Spring源码中的16种设计模式实现
396