工厂模式

用函数构造一个对象，并且返回这个对象，叫做工厂模式（可以批量生产）。

工厂模式虽然解决了创建 多个相似对象的问题，但却没有解决对象识别的问题(即怎样知道一个对象的类型)

transform

transform指变换，使用过photoshop的人应该知道里面的Ctrl+T自由变换。transform就是指的这个东西，拉伸，压缩，旋转，偏移，且transform 属性 , 只对 block 级元素生效！（配合transition过渡）

什么是This

this是一个与执行上下文相关的特殊对象，当代码访问this的时候，它的值是从执行上下文中获取的，并不需要任何作用域链的查找。this的值在进入上下文的时候进行一次确定。

同一个函数，在不同的上下文中进行调用的时候，this的值是不同的。this的值指向函数被调用时所在的执行环境。

史上第一个bug

1947年9月9日，葛丽丝·霍普（Grace Hopper）发现了第一个电脑上的bug。当在Mark II计算机上工作时，整个团队都搞不清楚为什么电脑不能正常运作了。经过大家的深度挖掘，发现原来是一只飞蛾意外飞入了一台电脑内部而引起的故障。这个团队把错误解除了，并在日记本中记录下了这一事件。也因此，人们逐渐开始用“Bug”（原意为“虫子”）来称呼计算机中的隐错。

debug 就是找出 bug 的过程。

DOM节点

DOM的最小组成单位叫做节点（node）。文档的树形结构（DOM树），就是由各种不同类型的节点组成。节点有以下7种类型

• Document：整个文档树的顶层节点（root node）
• DocumentType: doctype标签
• Element：网页的各种HTML标签
• Attribute：网页元素的属性（如calss=”aa”)
• Text：标签之间包含的文本内容
• Comment：注释
• DocumentFragment：文档片段

事件的三个特点

1. TOM （代码）订阅/关注/监听了 XXX（用户）
2. XXX （用户）发生了变化
3. TOM（代码）得到通知

栈（stack）

• 基本类型是保存在栈内存中的简单的数据段，数据大小确定并且占有固定大小的空间，它们是按值存放的，所以可以直接访问。基本类型有Number , String , Null , Undefined , Boolean , symbol。

冒泡排序（bubble sort）

它重复地走访过要排序的数列，一次比较两个元素，如果他们的顺序错误就把他们交换过来。走访数列的工作是重复地进行直到没有再需要交换，也就是说该数列已经排序完成。

position属性指定一个元素（静态的，相对的，绝对或固定）的定位方法的类型。

relative相对定位

position:relative ：元素先放置在未添加定位时的位置，再在不改变页面布局的前提下调整元素位置（因此会在此元素未添加定位时所在位置留下空白）。通过“left”,”top”,”right”,”bottom”来规定位置。

浮动float

CSS的 float 属性可以使一个元素脱离正常的文档流，然后被安放到它所在容器的的左端或者右端，并且其他的文本和行内元素环绕它。

• 元素只能左右浮动，不能上下移动
• 一个浮动会尽量向左/右 移动，直到它的外边缘碰到包含框或者另一个浮动框的边框为止
• 浮动元素之后的元素会围绕它，之前的元素不受影响