知识串联

词法、语法、表达式、

数据类型，以及各数据类型的方法特点
基本数据类型：　number string boolean　，可以用typeof来检测
引用型数据：object, array,

流程控制语句、

dom bom html5 API
html5 new stuff

程序的执行原理(event loop，异步--> setTimeout(x,0))

event
click事件冒泡，如何阻止？
防止默认的行为

8,9 整理js知识点、css知识点
10针对考卷来针对性地回顾知识点。整理一些问题

js

变量-->声明提升-->作用域-->this-->apply, ->闭包
apply，call，一样的。call的参数需要一个一个输入，而apply是数组
bind，跟call一样，但是不立即执行而是返回这个函数
执行环境 ~= 作用域， 界定了变量、函数的访问权限
作用域链

http & xhr
ajax的本质、4部曲、post和get的方法、跨域、XSS攻击(input)
https://segmentfault.com/a/1190000000691919#articleHeader7
0（未初始化）还没有调用open()方法
1（载入）已调用send()方法，正在发送请求
2(载入完成)send()方法完成，已收到全部响应内容
3(解析)正在解析响应内容
4（完成）响应内容解析完成，可以再客户端使用了

1xx消息
2xx成功
3xx重定向
4xx客户端错误，401需要身份认证；403没有权限
5xx服务端错误，500服务器未预料到的状况，502bad gateway上游服务器，503服务器过载无法处理

css知识架构

优先级计算：

1. 元素(类型)选择器（type selectors）（例如：h1）和 伪元素选择器（pseudo-elements）（例如：:before）
2. 类选择器（class selectors） (例如：.example
   )，属性选择器（attributes selectors）（例如：[type="radio"]
   ），伪类选择器（pseudo-classes）（例如：:hover）
3. ID选择器（例如：#example）
   通用选择器（universal selector）(*
   ),组合符合（combinators） (+
   , >
   , ~
   , '
   ') 和 否定伪类（negation pseudo-class）(:not()
   ) 不会影响优先级（但是，在 :not() 内部声明的选择器是会影响优先级的）。
   给元素添加的内联样式 (例如, style="font-weight:bold"
   ) 总会覆盖外部样式表的任何样式 ，因此可看作是具有最高的优先级。.

!important又是一层

盒子模型：border margin padding content
width:
box-sizing=border-box is all
box-sizing=content-box is content only
margin-top/bottom's % is based on width!!!

padding没负值

堆叠上下文：html，-webkit-overflow-scrolling:touch，opacity<1，z-index不为 auto

margin相邻计算：以最大的为准，而不是简单的相加哦！

block、inline、inline-block的区别

display:inline。线框，top middle baseline bottom，vertical-align:top

https://github.com/dwqs/blog/issues/22
bfc: zoom:1 overflow: not auto
属于不同的BFC，它们之间就不会发生外边距折叠
高度计算包括float、第一个元素的margin-top，最后一个元素的margin-bottom
解决多列问题：在BFC上下文中，每个盒子的左外侧紧贴包含块的左侧

属性值的继承

浏览器的加载顺序
解析html文档，遇到img, css, js就发起请求去下载。
img, css的下载和解析是异步的。
js的下载和解析都是同步的，会挂起渲染的进程。

渲染机制：
https://segmentfault.com/a/1190000004292479
dom +　cssom = render tree -> layout -> paint
边加载边渲染。遇到dom/css的修改就会重新渲染（layout/paint）

为什么js要放在body的底部？
因为能够防止页面加载的阻塞。

是否js

dom ready 和 window.onload区别

jq:
为什么可以串行写，因为它返回的是jquery这个对象
jq对象如何转换成dom对象