形成良好统一的代码规范，有利于提高代码的可读性，减少潜在的错误，便于团队协作开发。本文简单介绍JS、CSS、 Git Commit 的规范工具及用法。

我们在处理事件的时候，有些事件由于触发太频繁，而每次事件都处理的话，会消耗太多资源，导致浏览器崩溃。最常见的是我们在移动端实现无限加载的时候，移动端本来滚动就不是很灵敏，如果每次滚动都处理的话，界面就直接卡死了。

1. 单例模式 定义：一个特定类 仅有一个实例 应用场景： 一个遮罩层 实现方式 每个对象都是一个单体，因为他们的引用位置不一样； 使用new操作符 将首次生成的对象存储在全局变量中。缺点：全局变量易被覆盖。可以使用闭包来存储这个变量，参见 一个遮罩层。 在构造函数的属性中存储该实例。缺点：构造函数的属性也容易...

When a function is invoked, an activation record, otherwise known as an execution context, is created. This record contains information about where the function was called from (the call-stack), how the function was invoked, what parameters were passed, etc. One of the properties of this record i...

MDN定义：Closures are functions that refer to independent (free) variables (variables that are used locally, but defined in an enclosing scope). In other words, these functions 'remember' the environment in which they were created.

首先我们来想想作用域是用来干什么的。在我们的程序中有很多变量（标识符identifier），我们现在或者将来将使用它。那么多变量，我咋知道我有没有声明或者定义过他呢，他的值又是多少呢，我要如何来找到他呢？作用域就是用来帮助我们寻找变量的。

vertical-align只针对内联元素。默认值baseline只内联元素的底部与文字底部在一条直线上。还取值middle,text-bottom,text-top,sub,super,top,bottom。（看这篇文章）

1.Arguments：类数组对象。存储实际传入函数的参数。 {代码...}

1. 正则表达式语法 1.1 表示方法 {代码...} 1.2 字符类[] []:匹配[]中的任意字符 [^]:不在[]中的任意字符 .:除换行符或其他终止符之外的任意字符。以下的大写都是小写的取反： \w:[a-zA-Z0-9] \W:[^a-zA-Z0-9] \s:任意unicode空白符 \S:[^\s] \d:[0-9] \D:[^0-9] [\b]：退格 1.3 重复 {n,m}:出现n<= 次数 <= m {n,...

用Bootstrap的CSS部分实现CSS效果，VueJS实现Accordian效果。利用Vue JS的v-show或v-if指令，显示或隐藏panel-body

1. 函数定义 {代码...} 2. 函数调用 2.1 函数调用 {代码...} 2.2 方法调用 {代码...} 2.3 构造函数调用 {代码...} 2.4 间接调用 {代码...} 3. 函数的实参和形参 {代码...} 4. 闭包 {代码...} 5. 函数的属性和方法 5.1 函数的属性 {代码...} 5.2 函数的方法 {代码...} 6. 函数式编程 {代码...}

1. 数组 数组是值的有序集合，每个值被称为元素。数组有以下特点： 无类型：数组元素可以是任意元素。 动态性：数组的长度是动态的，可随时增加和缩减。无需在创建时为其声明固定大小也无需在长度变化时重新分配空间。 数组是特殊的对象，并且经过优化，用索引访问数组比访问常规的对象属性快。 数组继承自Array.prototy...

对象是属性的无序集合。因此，这一章主要从对象和属性两个方面来阐述。 1. 对象 1.1 对象的定义 {代码...} 1.2 对象的分类 {代码...} 1.3 对象的操作 1.3.1 创建对象 {代码...} {代码...} 1.3.2 序列化对象 {代码...} 1.4 对象的方法 {代码...} 1.5 对象的属性 {代码...} 2.属性 2.1 属性的分类 {代码...} 2.2 属性的描...