摘要： 观察者模式 观察者模式广泛应用于客户端JavaScript编程中。所有的浏览器事件（鼠标悬停，按键等事件）是该模式的例子。它的另一个名字也称 自定义事件 ，与那些由浏览器触发的相比，自定义事件表示是由你编程实现的事件。此外，该模式的另一个别名是 订阅——发布模式 。 设计这种模式背后的主要动... 阅读全文

摘要： 迭代器模式 迭代器模式是指提供一种方法顺序访问一个聚合对象中的各个元素，而又不需要暴露该对象的内部表示。迭代器模式可以把迭代的过程从业务逻辑中分离出来，在使用迭代器模式之后，即使不关心对象的内部构造，也可以按顺序访问其中的每个元素。 现在流行的大部分语言如Java，Ruby等都已经有了内置的... 阅读全文

摘要： 代理模式 当客户不方便直接访问一个对象或者不满足需要的时候，提供一个替身对象来控制对这个对象的访问，客户实际上访问的是替身对象。替身对象对请求做出一些处理之后，再把请求转交给本体对象。 1. 小明送书 小明送书给大明，先看看不用代理模式如何实现 var Shu = function () {... 阅读全文

摘要： 策略模式 定义一系列的算法，把它们一个个封装起来，并且使它们可以相互替换。 以年终奖为例，效绩为S，工资翻4倍，为A，翻3倍，为B，翻2倍。 1. 最初的实现 我们可以编写一个名为calculateBonus的函数来计算每个人的奖金，它接受两个参数：工资和效绩。代码如下： ... 阅读全文

摘要： 单例模式 保证一个类仅有一个实例，并提供一个访问它的全局访问点。 要实现一个标准的单例模式并不复杂，无非是用一个变量来标志当前是否已经为某个类创建过对象，如果是，则在下一次获取该类的实例时，直接返回之前创建的对象。 1. 使用静态方法实现 var Singleton = function (n... 阅读全文

摘要： #css3 媒体###Media Type 媒体类型 媒体类型是CSS2中一个非常有用的属性。通过媒体类型可以对不同的设备指定不同的样式。 W3C共列出十种媒体类型，如表： 值 设备类型 all 所有设备 Braille 盲人用点字法触觉回馈设备 Embossed 盲文打字机 Handhel... 阅读全文

摘要： #css3 动画 在CSS3中可以通过animation创建复杂的动画序列，像[transition](http://www.cnblogs.com/fxycm/p/4635396.html)属性一样用来控制CSS的属性实现动画效果。 animation实现动画效果主要由两个部分组成。1. ... 阅读全文

摘要： #CSS3 过渡 CSS3的transition允许CSS的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击，获得焦点，被点击或对元素任何改变中触发，并平滑地以动画效果改变CSS的属性值。 transition:[ || || || ] **transition-prope... 阅读全文

摘要： #CSS3 变形 CSS3变形是一些效果的集合，比如平移，旋转，缩放和倾斜效果，每个效果都称为变形函数。##transform transform属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。 transform:none | [] *![](https... 阅读全文

摘要： #CSS3 伸缩布局盒模型 CSS3引入的布局模式Flexbox布局，主要思想是让容器有能力让其子项目能够改变其宽度，高度，以最佳方式填充可用空间。Flex容器使用Flex项目可以自动放大与收缩，用来填补可用的空闲空间。 更重要的是，Flexbox布局方向不可预知，不像常规的布局(块级从上到... 阅读全文