焖面&适配器

2016-10-11
阅读 5 分钟
2k
焖面可以简化错误记录或者跟踪页面视图统计数据这类这类常用,重复性的任务,通过添加一些方法(是对元有一些方法的组合利用),还可以让对象的功能更完善.焖面可以简化复杂接口,可以在背后为你进行错误检查,清除不再需要的大对象,以及用一种简单方式展现对象功能.这是一种组织性的模式,可以用来修改类和对象的接口,使其更易...

桥接&组合

2016-09-24
阅读 7 分钟
1.6k
这个 API 只能工作在浏览器中,根据事件监听器回调函数的机制,事件对象自然会被作为第一个参数传递给这个函数,在本例中没有使用这个参数,只是从 this 对象获取 id.那么如果在命令行环境运行它就失效不起作用.

链式调用&工厂

2016-09-16
阅读 8 分钟
2.9k
如果把这个函数改造成一个构造器,把那些元素作为数组保存在一个实例属性中,并让所有定义在构造器函数的 prototype 属性所指对象中的方法都返回用来调用方法的那个实例的引用,那么它就具有链式调用的能力.做一下改进:首先把$函数改成一个工厂方法,负责创建支持链式调用的对象,这个函数应该能接受元素数组形式的参数,所以...

继承&单体

2016-09-11
阅读 18 分钟
1.6k
先看看继承能带来的好处.设计类的时候,希望能减少重复性的代码,尽量弱化对象间的耦合.使用继承符合前一个原则.可以在现有类的基础上进行设计并充分利用他们已经具备的各种方法.让一个类继承另一个类可能会导致二者产生强耦合,一个类依赖于另一个类的内部实现.接下来会讲到如何避免.比如用掺元类为其他类提供方法...等等.

封装

2016-09-01
阅读 11 分钟
1.9k
上一篇文章讲到接口模式是许多其他js设计模式的基础,它定义了两个对象间的关系,接口不变那么关系的双方可以被替换,不一定非得使用像第二章那样严格的接口,而且应该避免公开定义于接口中的方法,否则其他对象可能会对那些并不属于接口的方法产生依赖,不安全,因为这些方法随时都可能改变或者被删除.一个理想软件系统应该未...

代码规范之进阶篇

2016-08-09
阅读 7 分钟
1.8k
JSON包括基本数据类型 Number(整数和浮点数), Boolean, String, Null以及 Object, Array 两种复合数据类型,Object 是无需的集合,以键值对的方式保持数据.一个 Object 中包含0到多个 name/value 的数据,数据间以逗号分隔,name 是 String 类型,value 可以是任何类型的数据.Object 的最后一个元素之后一定不要加上分隔符的...

前端代码规范之基础篇

2016-08-05
阅读 18 分钟
3.3k
之前记了一段时间代码规范,写代码时也尽量去遵循了许多.现在再次拿出来翻一翻,养成个更好的习惯,不会因为看起来乱糟糟(实际上也容易有许多低级或者说语法错误)的代码而降低效率.这里我推荐的是百度ecomfe团队共同遵循的一个spec,今天这篇文章主要以html, css, less, js为主,有关less的规范可以适当延伸到其他css预处理器...

SVG初体验

2016-07-17
阅读 11 分钟
4.4k
此基础教程主要来源于w3c school svg,慢慢地发现mdn svg是更好的进阶资料,以后的主要研究围绕它展开.因为忙于工作上的事情, 所以这篇文章前前后后花了很长时间, 一把鼻涕一把泪, 虽然说不是很难.

CSS3总结系列1

2016-06-17
阅读 6 分钟
3.2k
通过改变CSS属性,它提供了一种控制动画速度的方式.属性改变没有立刻结束,而是需要一定的时间.你可以直接列出哪些属性需要进行动画过渡,可以设置when--delay,how long-duration,how--timing function等等.

接口

2016-06-15
阅读 15 分钟
2.2k
这一系列的文章将主要基于js设计模式这本书的要点还有一些翻阅的博客文章,借鉴来源会注明,外加自己的一些demo与直觉.不同于其他设计模式类的书,js设计模式是一本讲述设计模式在动态语言js中的实现的书它从设计的角度教人编写代码,书中的许多实例代码来自YUI实战项目,对js面向对象的特性阐述到位,详细剖析了面向对象底层...

inline&block&inline-block

2016-06-11
阅读 2 分钟
2.7k
w3school表明该属性用于定义建立布局时元素生成的显示框类型,规定元素应该生成的框类型;mdn表明该属性指定了元素的渲染盒子类型,在HTML文档内,默认值是从HTML规范描述的行为或者浏览器/用户样式表里取得.XML文档内默认取值是inline,对于HTML也一样.没有继承性,指定的属性值在非static定位元素,浮动元素,根元素情况下会失...

CSS3总结系列0

2016-06-10
阅读 5 分钟
2.1k
我突然发现平常接触的媒体特征特别有限:宽高,orientation,device-width,device-height,monochrome...其实还有许许多多媒体特征比如color,color-index,aspect-ratio,device-aspect-ratio,display-mode...带-moz- -webkit-前缀的也有许多.