大数据

javascript桥接模式(1)-队列数据结构

根据书上例子的实际要求,涉及到js队列的问题。所以先把js中队列的具体实现数据结构贴出来。具体参考《学习javascript数据结构和算法》第四章。队列数据结构遵循先入先出的原则。入队操作添加到数组的末尾,返回新数组。出队操作弹出数组第一个元素,返回新数组。两个操作对于数组都有结构的改变 //js中…

大数据

javascript工厂模式-XHR工厂

s3398900.jpg 一个类或对象中往往包括别的对象。在创建这种成员对象时,你可能习惯于使用常规方式,即用new关键字和类构造函数。问题是这样会导致两个类之间产生依赖性。通过工厂模式可以消除类之间的依赖关系,他使用一个方法来决定究竟要实例化哪个类。参照上图那本书,第7章内容 XHR工厂 var …

大数据

javascript表观模式

表观模式(Facade),表观模式有两个作用,一个是简化类的接口,二是消除类与使用它的客户代码之间的耦合。在jQuery教程中总是会告诉使用者,jquery已经消除了浏览器之间的差异,只用一个方法就可以在所有的浏览器环境下使用,背后的原理就是,作者通过表观模式消除了浏览器之间的差异。 在浏览器的事件…

大数据

javascript组合模式

在程序设计中,组合模式就是用小的子对象来构建更大的对象,而这些小的子对象本身也是由更小的对象组成的。这里只是组合,并没有从属关系。参考《javascript设计模式与开发实践》第十章 //宏命令的代码 var closeDoorCommand = {//作为叶对象 execute: function…

大数据

javascript 装饰者模式

装饰者模式:给对象动态添加职责的方式就是装饰者模式,能够在不改变原对象的情况下,在运行的时候给对象添加新的职责。参考《javascript设计模式与开发实践》 下面重点是介绍一个AOP的例子,AOP是面向切面编程,在下面的函数运行的时候,可以给把函数看做有一个生命周期,分为 运行前(before),…

大数据

CSS3的3D变换

CSS3 变换也叫 2D/3D转换,主要包括以下几种: 旋转 ( rotate ) 、 扭曲 ( skew ) 、 缩放 ( scale ) 和 移动 ( translate ) 以及 矩阵变形 ( matrix ) 。3D变换涉及到的四个属性:perspective 设置舞台元素(变换元素的父元素…