它的作用是将网页转为一个 JavaScript 对象，从而可以用脚本进行各种操作（比如增删内容）。浏览器会根据 DOM 模型，将结构化文档（比如 HTML 和 XML）解析成一系列的节点，再由这些节点组成一个树状结构（DOM Tree）。所有的节点和最终的树状结构，都有规范的对外接口。

1.1数值（number）：整数和小数1.2字符串（string）：文本1.3布尔值（boolean）：表示真伪的两个特殊值，即true（真）和false（假）1.4undefined：表示“未定义”或不存在1.5null：表示空值，1.6对象（object）：各种值组成的集合，分成三个子类型。

本文是学习js定时器、单线程、同步异步任务的笔记，只适合初学者。 一、定时器（timer） JavaScript提供定时执行代码的功能，该功能主要由setTimeout()和setInterval()这两个函数来实现 二、setTimeout() 1、使用规则 setTimeout函数用来指定某个函数或某段代码，在多少毫秒之后执行。第一个参数是函数名或者语句，第二...

数组（array）是按次序排列的一组值。每个值的位置都有编号（从0开始）。整个数组用方括号表示，数组的值用'，'分割；数组的数据可以是任何类型。

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。 易于人阅读和编写。同时也易于机器解析和生成。2001年由 Douglas Crockford 提出，目的是取代繁琐笨重的 XML 格式。

JavaScript-作用域、块级作用域、上下文、执行上下文、作用域链 一、函数 1、函数定义 函数是一段可以反复调用的代码块。函数可以接收输入的参数，不同的参数会返回不同的值 2、函数的声明方式 主要讲两种： 2.1 用function命令声明函数function命令后面是函数名，函数名后面是一对圆括号，里面是传入函数的参数，函数体...

mark阮一峰老师总结的流程控制语句，备忘

一、运算符概述 1、定义 JavaScript中运算符主要用于连接简单表达式，组成一个复杂的表达式 2、运算符类别 算数运算符 赋值表达式 比较表达式 布尔运算符 位运算符 二、算数运算符 1、加法运算符（Addition）：x + y 加法运算符是在运行时决定，到底是执行相加，还是执行连接。也就是说，运算子的不同，导致了不同的语法...

写代码以后不要写成下面这样，不要再if内放变量。变量转换成布尔类型，会有很多状态。可以写成判断类型的语句如(a==="")。 if(a){console.log('blank')}

一：外边距合并的场景 从3个简单的小例子来看外边距合并： 1、父子合并 给h1加50px的margin，但实际上h1和div的margin合并在一起了 2、相邻元素合并 detail设置margin为30px,header设置margin为30px，结果两个相邻元素之间的间距发生了合并 而且合并宽度是margin数值大的为准。如下图detail和header外边距合并之后，边距...

一：水平居中 1、行内元素水平居中 在父元素上设置 text-align: center 使文字/图片水平居中。 {代码...} 2、块级元素水平居中 先给块级元素设置宽度（不设置宽度，块级元素自己占据一整行，何谈居中） 再给块级元素设置margin：0 auto;（当上下margin不一定是0，可以按照需求来设置） {代码...} 二、垂直居中 1、块级元...

执行结果链接描述在header 和footer上再包裹一层div，在外层的div上添加背景颜色，设置内层layout上设置左右margin：auto，就出现了通栏的效果。实际上layout占据的位置是固定的，如下图border框出的位置。当浏览器宽度收缩的时候，也会出现滚动条。

一、相对定位 position: relative 相对默认的布局位置进行定位，也就是相对自己应该在的位置来定位。 {代码...} 相对定位是没有脱离普通文档流的，对于页面其他元素，box2还是待在原位的。 二、绝对定位 position: absolute {代码...} 绝对定位元素脱离正常文档流，其他元素就看不见它。绝对定位元素也看不见绝对定位元...

BFC 全称 Block Formatting Context，翻译块级格式化上下文。BFC 可以看作是隔离了的独立容器（渲染区域），容器里面的元素不会在布局上影响到外面的元素，相当于建立一个隐形的边界

一、什么是浏览器兼容问题 同一份代码，有的浏览器显示效果正常，有的浏览器显示不正常 二、为什么会有浏览器兼容问题 同一产品，版本越老 bug 越多 同一产品，版本越新，功能越多。老的浏览器还没有这个功能，当然显示有误 不同浏览器，不同标准，不同效果。比如不同浏览器的内核都不一样 三、用到的网站 1、caniuse.co...

一个浮动盒会向左或向右移动，直到其外边（outer edge）挨到包含块边沿或者另一个浮动盒的外边。如果存在行盒，浮动盒的外top（边）会与当前行盒的top（边）对齐。如果没有足够的水平空间来浮动，它会向下移动，直到空间合适或者不会再出现其它浮动了

一：W3C盒模型 width就是concent的宽度，不包括padding margin border的长度 二：IE盒模型 width=concent+padding+border 三：例子 IE6/7/8比较怪异，在不写doctype的情况下使用ie盒模型,导致相同的代码在chrome和ie浏览器绘制结果不同。 四：box-sizing box-sizing是css3的新的属性。 {代码...}

本文设计到的css属性有background、inline-block、line-height 一，background 1.background-color设置背景图片的颜色 {代码...} 2.background-repeat用于控制背景图片的重复方式，主要用于背景图片面积小于背景容器的面积 no-repeat 背景图片不重复 repeat-x 水平方向重复 repeat-y 垂直方向重复 repeat 全部屏幕都重复...

块级元素(block-level)和行内元素(inline-level) (1)差异： 块级元素能包含行内元素和块级元素，行内元素只能包含行内元素和文本内容 块级元素可以占据一整行，行内元素只能占据内容的宽度 块级元素可以设置宽高margin，padding，行内元素不能设置宽高，设置上下margin和padding不生效，左右的margin和padding生效。(在...

CSS（Cascading层叠 Style样式 sheets表），是用来为网页添加样式的代码。css选择器的作用是用于选中元素，以便为其添加样式1.基础选择器

1.查看当前完整路径 {代码...} 2.查看当前文件夹的内容 查看当前文件夹，不包括隐藏文件 {代码...} 查看当前文件夹目录下全部文件，包含隐藏文件 {代码...} 查看当前文件夹目录下全部文件，包含隐藏文件和详细信息 {代码...} 3.切换目录 家目录~ {代码...} 根目录/ 根目录是整个文件系统内最根本的 {代码...} 当前目录 ....