转换插座之适配器模式

2016-01-23
阅读 2 分钟
2.6k
这个模式应该算是除了单例模式以外最简单的一个模式,没有多余的类,这个模式只有一个职责,就是转换的你接口参数,归一化接口调用函数,同意参数格式。 说人话~其实就是,将不同东西,加上同一个包装。而这个模式,我们应该早熟悉了。在命令模式的中,有这样一段代码:

FSM状态机之状态模式

2016-01-23
阅读 7 分钟
10.1k
首先声明一点,这个模式是我目前见过最好用(本人观点),但是也是最难理解的一个(本人观点)。 所以大家需要做好心理准备,如果,对这个模式没有特别强烈的需求,比如: 我有一个Button,我按次数点击它,他会触发不同的状态 等等这样的,可以学习一下其他的模式。但是!!! 如果你看了我这篇文章,被我前面说的话吓到了,那...

学学AOP之装饰者模式

2016-01-22
阅读 6 分钟
4.1k
装饰者,英文名叫decorator. 所谓的"装饰",从字面可以很容易的理解出,就是给 土肥圆,化个妆,华丽的转身为白富美,但本体还是土肥圆。

实用模式之中介者模式

2016-01-21
阅读 7 分钟
6.9k
俗话说,一个模式三个坑。 中介者模式应该算最坑的一个模式,坑不在于他的原理。而在于他的名字和其他模式的使用,真尼玛像。首先,“中介者“ 好像是一切模式里面都有的一个东西,比如,享元模式中-元对象,订阅发布模式中-全局监听Event... 但是,这个模式偏偏又叫做中介者模式(哎,曾经说模式的时候,感觉什么都是中介...

传递请求之职责链模式

2016-01-21
阅读 5 分钟
3.1k
职责链模式其实很好理解,由于一个链字出卖了它的灵魂。我们可以从这个字得到很大的提示。首先这个模式一定有传递性,而且,节点是可以重复拼接的,并且每个节点都具有一定的过滤功能,一定的职责。

架构师的工具-模板方法模式

2016-01-18
阅读 4 分钟
3.2k
所谓的模板就是一个重用一万次都不会觉得有问题的代码。 在es6中,提出了一个 "``"反引号的书写方式--又叫做模板字符串.他最大的功能就是用来书写模板html的.通常在js中使用模板是

优化你的执行队列-组合模式

2016-01-17
阅读 7 分钟
3.1k
如果把设计模式当做一门语言的话,我觉得组合模式就是里面的数组,或者更确切的说,应该算是一棵树。 树的枝干就是其他模式的使用,比如命令模式,代理模式,单例模式等等。总的来说,组合模式在这里就相当于一个容器,但也并非仅仅是个容器(不然,我还给他冠名"模式").

我说你做--命令模式

2016-01-16
阅读 5 分钟
3.2k
望文生义,所谓的命令模式其实就是: 发出一定的指令,然后由对象接受并且执行需要强调一点,就是对于命令的发出者来说,他并不知道该命令是给谁,执行效果是怎样,他只管发出命令就行。听到这里感觉和发布订阅者模式有异曲同工的效果。 但事实上,他们两者应用的场景还是有比较大的区分。不仅写法上有不同,而且执行的过...

js中的一对多 - 订阅发布模式

2016-01-15
阅读 5 分钟
11.2k
订阅发布模式如果按数学翻译其实就是.一对多的映射关系.怎么解释呢? 就是一个开关,同时并联几个灯泡(在不同房间),触发的时候,几个灯泡都会得到指令,然后执行发光的行为。

筛选未知的最优解-迭代器模式

2016-01-15
阅读 3 分钟
2.7k
请不要被标题所迷惑,这样说bug王,只是为了吸睛。 在程序的世界里,我们要多喝茶,慢慢聊。回归正题,这里想说的bug王指的是条件的分支语句。 比如: if...else if...else if... else if.........esle... 。想这样的。看个实例:

请节约你的请求-代理模式

2016-01-13
阅读 6 分钟
4.6k
代理模式其实就是将违反单一性原则的类给抽离出来,尽量满足开放和封闭的原则。 相当于一个类的行为只是一种,但是你可以给这个类添加额外的行为。比如: 一个工厂制造伞,你可以给这个工厂设置一个代理,提供订单,运货,淘宝网店等多种行为。当然,里面还有最关键的一点就是,这个代理能把一些骗纸和忽悠都过滤掉,将最...

表单验证请进!!!

2016-01-12
阅读 3 分钟
4.7k
还在为你表单验证头疼吗?还在为产经无理取闹,要你每个输入框都加验证而感到烦恼吗?还在忙于复制粘贴验证规则而感到厌烦吗? 那么策略者模式是最适合你的。What are u talking about?上面其实是我的切身体会,我也相信有许许多多的font-end踩过这个坑。每一个项目,都要重写验证规则,验证逻辑,那感觉简直想屎。自从...

怎样使用this

2016-01-10
阅读 4 分钟
2.1k
关于js里面有哪些难点,艹,js里面全是难点。。。什么闭包,原型,函数,对象,类型检测,this。。。但是作为一名正统的前端爱好者而言---这点痛算什么。今天我们来解决this这个点。由于牵扯到this,则必定会牵扯到函数,因为没有函数就没有this的存在的意思。话不多说,Cut~

代码艺术家之JS

2016-01-08
阅读 5 分钟
3.9k
先给大家意淫一下前端的futrue.目前的JS应该是工业革命时代了。以前js就只是作为什么移动一下图片,更换一下背景颜色等, 比较废的活. 但是现在h5,nodeJS,ECMA-6,gulp,grunt,webpack,react...等等各种框架,工具的出现,基本上颠覆了js的角色。以前js就是作为一个配角,html+CSS才是主要的,现在,你说你写网页的不会用js...

你不知道的js技巧

2016-01-07
阅读 5 分钟
5.9k
说起这个应该算是老生常谈了吧。所谓的高级,其实就是讲了一些我们平常用不到(或许用了不知道),但是非常实在的东西。算是熟练掌握js的一个必经road吧。

拖动中的味道

2016-01-06
阅读 4 分钟
5.7k
在js里面关于拖这个概念是完全没有的(except h5). 以前只能造一大堆的轮子,比如使用mousedown + mousemove + mouseup. 这3个事件结合起来实现复杂的UI操作。 现在,h5出了一个拖拽系列的事件,可以部分省去我们的劳动。现在基本的理一下吧。

js痛点之继承

2016-01-04
阅读 4 分钟
2.5k
今天给大家科普一个叫做继承的大哥。之所以叫做大哥,是因为他确实是所以语言都必须具备的。而且这也是BAT公司前端面试中,必提及的一个知识点。 由于js 是由 大神 在10天之内写完了,但后来由ECMA262接手优化,最终有了现在丰满的JS。 但是关于继承的遗留问题应该算是比较严重的。 先说一下基本的js继承有哪些.

霸道总裁之js对象

2016-01-03
阅读 3 分钟
1.9k
在大多数人的眼里,js是一门面向对象(Object-Oriented)的语言,但是它与其他的语言比如c++,java 这些面向对象语言 略有不同。!!!艹,说人话那问几个问题吧:

js高级语法之模式

2016-01-02
阅读 5 分钟
3.8k
模式应该算是js比较高级的语法了吧。 细细数来,有什么,构造函数模式,原型模式,订阅者模式,blablabla~前几天在面试鹅厂的时候,也被问及事件模型和模式的问题。 平时用jquery用的爽啊, 什么on,delegate,trigger经常敲,但是大公司就是大公司,要的就是基础扎实的淫。 事件模式改天在*, 今天我们来说说模式之辩。

谈谈js属性的纠结往事

2016-01-01
阅读 4 分钟
3.6k
一个是字面量定义,一个是创建实例添加属性. 后来看了js高级程序设计才知道,js中的属性我才用了50%. 为什么这么说呢?因为js中的属性分为数据属性和访问器属性(descriptor),而我们通常写的属性只是数据属性,而且还有一些细节比如 [[writable]],[[enumberable]],[[value]] 等一些相关的设置我们都还没有涉及。来,我们...

webpack的教程

2015-12-18
阅读 2 分钟
5.8k
前几天在学习webpack时,踩过很多坑,也听过webapck是多么的哔哔哔哔~~, 本人学习的工具有很多,比如sass的初级工具compass,自动化工具gulp,grunt,一起其他杂七杂八的工具。有时候觉得一个工具的学习成本还是很大的,所以唯一的感觉就是随随便便放弃一个工具是多么的难。鉴于webpack死粉所说的,不全用webpack的人不是一个...