设计模式
文章平均质量分 81
陆康永
是时候开始明确自己写博客是为了什么,以前搞不懂,感觉挺浪费时间的,而且自己的水平写出了的博客可参考价值也不大,权当给以后的自己一个了解过去自己的机会,避免继续踩坑。
展开
-
设计模式之命令模式
命令模式主要是处理解决命令和执行的解耦,如果不显性的显性的独立一个命令安装对象,将和策略模式无法区分目录:1.传统命令模式2.javascript中的命令模式3.撤销和重做4.宏命令传统命令模式:html>lang="en"> charset="UTF-8"> id="button1">点击按钮1id="button2">原创 2016-04-07 09:52:10 · 364 阅读 · 0 评论 -
设计模式之策略模式
策略模式的定义:定义一系列的算法,吧他们一个个封装起来,并且使它们可以互相替换目录1.面向过程的最初代码2.使用组合模式3.使用传统策略模式重构代码4.javascript版本的策略模式面向过程的最初代码: var calculateBonus=function(performancelevel,salary){ if(per原创 2016-04-08 09:35:47 · 527 阅读 · 0 评论 -
5.javascript 对象继承 ---组合模式
var superClass=function(id){ //引用类型共有属性 this.books=["javascript","css","html"]; this.id=id[0]; } superClass.prototype.showBook=function(){ console.log(this.books) }原创 2016-09-10 21:53:29 · 565 阅读 · 0 评论 -
照猫画虎--模板模式(继承)
在父类中定义一组操作算法骨架,而将一些实现不走延迟到子类中,使子类可以不盖被父级的算法结构的同时可以重新定义算法中某些实现步骤以下实现的效果比较简单实际中应该会更复杂的基础类:var Alert = function(data) { //如果没有数据返回,防止后面程序执行 if (!data) { return false; }原创 2016-11-21 23:44:02 · 527 阅读 · 0 评论 -
正则的妙用 模板方法创建多类导航
主要强调正则replace的妙用,之前都没有这样使用过replace上一篇文章链接://格式化字符串方法function formateString(str, data) { return str.replace(/\{#(\w+)#}/g, function(match, key) { return typeof data[key] === undefined原创 2016-11-22 00:51:06 · 446 阅读 · 0 评论 -
编写jQueryUI插件(widget)
一份来自官网的源码:http://runjs.cn/code/e42f8w7r使用jQueryUI的widget来写插件,相比于基本的jquery插件有一些好处:* 方便实现继承,代码重用* 默认是单例* widget已经给你实现好的一些常用方法,例如destroy带来好处的同时也带来了荆棘和陷阱,本文的目的就是梳理这些荆棘,标出哪里有陷阱。转载 2016-12-20 00:39:42 · 632 阅读 · 0 评论 -
javascript 异步加载 AMD 实现
目录:demo.htmllib---- event.js dom.jsdom.js://DOM模块F.module("lib/dom",function(){ return { //获取元素方法 g:function(id){ return document.getElementById(id); }, html:func原创 2016-09-21 11:58:54 · 1091 阅读 · 0 评论