随笔分类 -  前端设计模式

前端必备10种设计模式
摘要：接手项目越来越复杂的时候，有时写完一段代码，总感觉代码还有优化的空间，却不知道从何处去下手。设计模式主要目的是提升代码可扩展性以及可阅读性。 本文主要以例子的方式展示设计模式应该如何使用！（例子主要来源于javascript设计模式一书，如果已经对这本书读得滚瓜烂熟的，可以划过，如果还未读，或者想了 阅读全文
posted @ 2021-11-22 14:28 威武的大萝卜 阅读(841) 评论(0) 推荐(1)
前端设计模式之抽象工厂模式
摘要：设计模式 模式动机 在工厂方法模式中具体工厂负责生产具体的产品，每一个具体工厂对应一种具体产品，工厂方法也具有唯一性，一般情况下，一个具体工厂中只有一个工厂方法或者一组重载的工厂方法。但是有时候我们需要一个工厂可以提供多个产品对象，而不是单一的产品对象。 为了更清晰地理解工厂方法模式，需要先引入两个 阅读全文
posted @ 2021-11-17 19:54 威武的大萝卜 阅读(150) 评论(0) 推荐(0)
前端常用的设计模式
摘要：前言 设计模式定义：在面向对象软件设计过程中 针对特定问题的简洁而优雅的解决方案。在不同的编程语言中，对设计模式的实现其实是可能会有区别的。 单例模式 观察者模式 工厂模式 命令模式 职责链模式 1，单例模式 定义：是保证一个类只有一个实例，并且提供一个访问它的全局访问点。 需求：一些对象我们往往只 阅读全文
posted @ 2021-11-15 17:49 威武的大萝卜 阅读(187) 评论(0) 推荐(0)
前端常见的9种设计模式
摘要：本文目录： 1.概念 2.设计原则 3.设计模式的类型 前端常见设计模式1:外观模式（Facade Pattern） 前端常见设计模式2:代理模式（Proxy Pattern） 前端常见设计模式3:工厂模式（Factory Pattern） 前端常见设计模式4:单例模式（Singleton Patt 阅读全文
posted @ 2021-10-20 16:36 威武的大萝卜 阅读(4745) 评论(0) 推荐(1)
常见的前端设计模式
摘要：模块模式: 在立即执行函数表达式中定义的变量和方法在外界是访问不到的,只能通过其向外部提供的接口,"有限制"地访问.通过函数作用域解决了属性和方法的封装问题. var Person = (function(){ var name = "xin"; var age = 22; function get 阅读全文
posted @ 2021-05-24 16:21 威武的大萝卜 阅读(163) 评论(0) 推荐(0)
前端常用设计模式
摘要：前端常见的设计模式主要有以下几种：1. 单例模式2. 工厂模式3. 策略模式4. 代理模式5. 观察者模式6. 模块模式7. 构造函数模式8. 混合模式 单例模式这种设计模式的思想是确保一个类只有唯一实例，一般用于全局缓存，比如全局window，唯一登录浮窗等。采用闭包的方式实现如下： var si 阅读全文
posted @ 2021-04-08 10:02 威武的大萝卜 阅读(276) 评论(0) 推荐(0)