JS设计模式
设计模式
Ramenbear
Now you see me.
展开
-
JsDesignModel第六篇
架构型设计模式 一类框架结构,通过提供一些子系统,指定他们的职责,并将它们条理清晰的组织在一起 1.同步模块模式 模块化:将复杂的系统分解成高内聚、低耦合的模块,使系统开发变得可控、可维护、可拓展、复用率更高 同步模块模式(SMD),请求发出后,无论模块是否存在,立即执行后续的逻辑,对模块的立即引用 1.1排队开发 ...原创 2019-12-24 00:28:23 · 409 阅读 · 0 评论 -
JsDesignModel第五篇
技巧型设计模式 通过特定技巧来解决组件某些方面的问题 1.链模式 在当前对象方法中将当前对象返回,实现对同一个对象多个方法的链式调用 1.1深究jQuery 链模式基于原型继承,在每一个原型方法的实现上都返回当前对象this 使当前对象一直处于原型链作用域的顶端 1.2.原型式继承 ...原创 2019-12-23 22:55:33 · 696 阅读 · 0 评论 -
JsDesignMode第四篇
行为型设计模式 不同对象之间职责划分或算法抽象,类或对象之间的交流模式并加以实现 1.模板方法模式 父类定义一组操作算法骨架,将实现步骤延迟到子类中 子类可以不改变父类算法结构的同时重新定义算法中某些实现步骤 1.1提示框归一化 将多个模型抽象化归一,从中提取出来一个最基本的模板 可以作为...原创 2019-12-16 14:32:46 · 236 阅读 · 0 评论 -
JsDesignMode第三篇
结构型设计模式 如何将类或对象组合成更大、更复杂的结构,简化设计1.外观模式 1.1为一组复杂的子系统接口提供一个更高级的统一接口 通过这个接口对子系统接口的访问更容易 //添加一个点击事件 document.onclick = function(e){ e...原创 2019-12-11 22:24:30 · 344 阅读 · 0 评论 -
JsDesignMode第二篇
创建型设计模式 处理对象创建的设计模式,控制对象的创建来避免基本对象创建时 可能导致设计上的问题或增加设计上的复杂度1.简单工厂模式 1.1也称为静态工厂方法 由一个工厂对象决定创建某一种产品对象类的实例,创建同一类对象 1.2类太多,提供一个 //封装在一个函数中,只需要记住这个函数,不需要知道...原创 2019-12-10 17:40:35 · 189 阅读 · 0 评论 -
JsDesignMode第一篇
1.灵活的语言JS 1.1验证表单 function checkName(){ //验证姓名 } //创建了全局变量 1.2函数的另一种形式 var checkName = function(){ //验证姓名 } //别人定义相同的方法会覆盖掉原有的方法...原创 2019-12-09 00:22:06 · 443 阅读 · 0 评论