摘要： 制作网站往往需要使用一些图标来提高用户体验，如果我们的是一些扁平化设计的图标，我们可以选择 SVG 或 图标字体来提高用户体验。下面对这两种技术进行比较。开发难度：现在的在线工具非常强大，比如iconmoon的生成工具，可以根据自己的意向选择生成内联的 SVG 图标或字体图标。而我们的设计师只需要提... 阅读全文

摘要： jQuery非常强大，他跨浏览器，易于学习，可以很简单地构建网页中的交互效果，现在已经成为web开发中。他还伴随着大量jQuery插件的支持，让我们可以直接使用，快速开发出复杂的网站。但是在日常工作中，网上的插件有时并不能满足我们任务的需要，此时我们就需要自己来写。下面提供一个常用的jQuery插件... 阅读全文

摘要： 转载自http://james.padolsey.com/javascript/76-bytes-for-faster-jquery/作者JAMES PADOLSEY在我们平时使用JQuery,调用了一个回调函数，我们会根据迭代中this对象的不同来确定上下文，然后在用$(this)构建$对象来使用... 阅读全文

摘要： Flyweight是一种共享数据内存的模式。Flyweight模式是将一些公有属性从个人中剔除，放在共享的对象当中。下面以一个项目实例，通过不断的改进，以显示Flyweight模式的优点。现在我们想做一个电脑生产程序，用以生产电脑，电脑的一般有生产商，机型，CPU类型，内存，和型号。我们的最初代码如... 阅读全文

摘要： Decorator 模式是一种结构型模式，他意在促进代码的复用，是塑造子类的一个方式。这种想法是基于，新增的属性，对于对象来说不是必须的基本功能。我们为特殊的对象添加自己的方法，而不是重新创建一个类。用代码表示起来比较清晰，我们的汽车是一个基类，我们要创建轿车，卡车等各有特性的交通工具时，不是通过创... 阅读全文

摘要： Mixin是一种扩展收集功能的方式，能提高代码的复用率。在javascript中，原型可以继承于其它对象的原型，并且可以为任意数量的实例定义属性。可以利用这一点来促进函数的复用。下面一段代码就是将一些可以被复用的代码利用underscore.js里的_.extend对原型扩展，以实现高复用。// 一... 阅读全文

摘要： Facotry模式是一种创建型模式，他不同于一般编码习惯，显示的调用各个构造函数。Factory模式是提供一个通用的接口来创建对象。一个Factory模式压缩所有对象创建的方式，降低这个工厂与其它对象的耦合。用一段代码来演示，我们用Factory模式做一家汽车工厂程序。// 工厂类var Facto... 阅读全文

摘要： Facade模式为许多代码提供一个方便的接口，不现实代码实现的复杂性，这样，使用者只需要关心他的使用接口就可以使用。下面来看一段Facade模式的运用，绑定事件在浏览器之间是不一样的，利用Facade模式，我们创建了一个绑定事件的函数addMyEvent,在其中，我们写了一些代码，我们判断了是否支持... 阅读全文

摘要： 假设我们要做一个计算器程序var calculator = { add: function( x, y ){ return x + y; }, sub: function( x, y ){ return x - y; }}// 调用calculat... 阅读全文

摘要： GoF权威的解释是，原型模式是一种通过对一个对象的克隆，创建基于这个对象的多种对象的模式。为了实现这种原型模式，可以直接使用ECMAScript 5 中的方法Object.create。它不紧可以创建出对特定对象的扩展出的对象，还可以增加新属性。var vehicle = { getModel: ... 阅读全文