- 仅作用于块级元素的属性 width，height（这俩可用于替换元素） text—align， text—indent， vertical—align（也可用于表单元格和替换元素如input/img） background-position(注意百分数和绝对值的区别，同时这个属性会影响平铺效果) ［基本视觉格式化］ 1. 框模型： － background包括内容框、内边距和边框，外边距通...

模式8-模版方法模式 模版方法模式是一种基于继承的设计模式。主要由两部分构成： 抽象父类：包含子类的算法框架和一些通用的具体方法； 具体实现的子类： 包含对于父类中抽象方法的实现，继承父类的整个算法实现方法，并且可以重写父类中的方法。 在类似于java这样的面向对象语言中，抽象类的使用在这个设计模式中非常重...

模式1 - 单例模式 单例模式的核心是确保只有一个实例，并且提供全局访问。 特点： 满足“单一职责原则” ： 使用代理模式，不在构造函数中判断是否已经创建过该单例; 满足惰性原则 应用：弹出登陆窗口。 实例： {代码...} 模式2 - 策略模式 定义一个个可以相互替换的算法，并且把他们封装起来。 特点： 符合开放-封闭原则 ...

此例中，假设为3个div元素添加onclick事件，我们会发现无论点击哪一个div都会输出3。这是因为我们为div绑定的onclick事件处理函数就是一个闭包，它可以访问到这个函数定义时所处作用域中的变量。并且事件响应是异步触发的，当点击某一个div时，实际上外层循环已经结束了，i的值始终为3。

众所周知，在javascript这门动态类型语言中，是不存在如传统静态类型语言如c++或java中对类的支持的。后者是天生为面向对象编程而设计，其中涉及的一些概念如继承、多态、函数重载在js中都不是被原生实现的。

Note： for...of适合用来遍历数组，for…in也可用于遍历数组，但是如果通过Array.prototype.xxx为Array原生对象添加了属性，则会在该遍历中被读到。