![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
设计模式
文章平均质量分 93
weixin_41837346
这个作者很懒,什么都没留下…
展开
-
架构型设计模式
技巧型设计模式(二)同步模块模式(SyncModuleDefine(SMD))模块管理器实现异步模块模式(AMD)实现执行顺序Widget 模式模版引擎实现封装成AMD模块提供一些子系统,指定其职责并组合代码:https://github.com/baixc1/csdn/tree/master/DesignPatterns/Skill同步模块模式(SyncModuleDefine(SMD))定义:将复杂的系统,分解成高内聚、低耦合的模块(模块系统),使系统开发变得可控,可维护,可拓展模块管原创 2021-04-25 18:00:10 · 151 阅读 · 0 评论 -
技巧型设计模式(二)
技巧型设计模式(二)简单模版模式(SimpleTemplate)核心示例一:展示模版惰性模式(Layier)核心示例一:点击事件的封装参与者模式(Participator)核心示例一:函数原型bind方法实现示例二:函数柯里化示例三:事件绑定示例四:反柯里化函数等待者模式(Waiter)核心示例一:模拟并发请求,集中处理其结果通过一定技巧,解决某方面问题代码:https://github.com/baixc1/csdn/tree/master/DesignPatterns/Skill应用:大型框架(原创 2021-04-22 11:00:40 · 107 阅读 · 0 评论 -
技巧型设计模式
技巧型设计模式链模式(OperateOfResponsibility)核心示例一:jQuery 获取元素功能示例二:jQuery 方法拓展示例三:jQuery 操作 DOM 方法委托模式(Entrust)核心示例一:事件委托数据访问对象模式(DataAccessObject-DAO)核心示例一:html5 的 localStorage 访问封装节流模式(Throttler)核心示例一:返回顶部示例二:浮层优化示例三:图片延时加载示例四:批量上传统计数据通过一定技巧,解决某方面问题代码:https://原创 2021-04-19 12:08:55 · 154 阅读 · 0 评论 -
行为型设计模式(二)
行为型设计模式(二)命令模式(Command)核心示例一:自由化创建视图示例二:绘图命令访问者模式(Visitor)核心示例一:IE 兼容示例二:操作类数组对象中介者(Mediator)核心示例一:导航设置功能备忘录模式(Memento)核心示例一:网络请求数据的缓存迭代器模式(Iterator)核心示例一:简化循环遍历示例二:数组/对象迭代器示例三:同步变量迭代器示例四:分支循环嵌套问题解释器模式(Iterpreter)核心示例一:统计元素路径用于不同 对象间 职责划分或算法抽象命令模式(Comm原创 2021-04-09 18:09:18 · 5572 阅读 · 0 评论 -
行为型设计模式
行为型设计模式模版方法模式核心应用一:提示框应用二:多类导航观察者模式观察者对象实现示例:新闻评论功能对象间解耦状态模式核心示例一:投票活动示例二:超级玛丽策略模式核心示例一:商品促销示例二:表单验证职责链模式核心示例用于不同 对象间 职责划分或算法抽象模版方法模式核心定义:父类定义一组算法骨架,子类在复用父类的同时,扩展功能应用:公共组件的封装,基础类组件封装(定制化组件,提供多个类型组件的统一修改入口)重点:子类型,共享父类型组件的样式及功能,利于功能统一,代码维护和扩展。(方法重用、原创 2021-03-30 20:31:57 · 95 阅读 · 0 评论 -
结构型设计模式
结构型设计模式外观模式核心实现适配器模式核心适配同类框架适配异类框架参数适配器服务器端数据适配代理模式核心应用一:站长统计应用二:JSONP应用三:代理模版装饰者模式核心实现桥接模式核心应用一:为不同的元素,添加相同的事件交互应用二:多元化对象组合模式核心应用一:新闻模块应用二:表单享元模式核心应用一:分页功能应用二:享元动作代码结构型设计模式,关注于如何将类或对象,组合成更大、更复杂的结构外观模式核心目的:为复杂的子系统的访问,提供统一的、简便的接口应用:API的兼容性封装,代码库的功能封原创 2021-03-22 19:27:35 · 81 阅读 · 0 评论 -
创建型设计模式
创建型设计模式简单工厂模式核心构造函数生成对象普通对象封装工厂方法模式简单工厂模式的局限核心抽象工厂模式抽象类的概念使用寄生式继承实现子类继承父类建造者模式核心原型模式单例模式特点:创建对象(考虑可用性,复杂度)简单工厂模式又叫静态工厂方法。由工厂对象 创建 产品对象类 的实例。核心方式一:使用 构造函数 + 原型,生成实例方式二:使用对象(非构造函数实例化)构造函数生成对象封装工厂函数的细节,暴露名称(简化使用)基于类和原型的方式,可使用原型链的继承// index.js原创 2021-03-14 11:23:31 · 73 阅读 · 2 评论 -
JavaScript 面向对象编程 (封装、继承、多态)
JavaScript 面向对象编程(封装、继承、多态)学习书籍:《JavaScript 设计模式》封装属性概念属性概念的模拟实现 - 类类创建对象的安全模式继承类式继承构造函数继承组合继承原型式继承寄生式继承寄生组合式继承相关问题多继承多态代码学习书籍:《JavaScript 设计模式》封装属性概念私有成员(属性/方法)公有成员静态成员实例成员保护方法属性概念的模拟实现 - 类Book类的实现(构造函数 )静态属性:原型属性或闭包实现的局部变量(只用赋值一次)实例属性:构造函数原创 2021-02-28 21:26:12 · 205 阅读 · 2 评论