WEB-API

JS基础知识：ECMA标准
JS-WEB-API：W3C标准

W3C标准中包含的JS标准：

BOM
DOM
事件绑定
ajax请求（包括HTTP请求）
存储

但w3c没有定义与JS基础相关的，如变量类型，作用域，原型，异步
只管定义在浏览器中JS操作页面的API和全局变量

简单JS语法提供了Array、Object、Boolean等内置对象，Math、JSON等内置函数，window、document等对象由浏览器提供，相当于是js语法加上浏览器运行环境，而node是js基础语法加上操作系统运行环境，所以有自己特有的API（模块形式），属于js基础的可以在node上用，属于浏览器的就不可以在node中使用；

DOM
DOM是哪种基本数据结构：树
DOM本质：由HTML结构化成为浏览器和JS可识别的东西
（html和dom很像，但dom体现的不是html代码，html是一个字符
串）
DOM 节点的 attr 和 property 有何区别：

property 只是一个 JS 对象的属性的修改
Attribute 是对 html 标签属性的修改

BOM：

navigator
screen
localtion
history

事件：
事件冒泡：

根据DOM树，由下往上
阻止事件冒泡：e.stopPropatation()
事件冒泡的应用：代理
事件冒泡的好处：代码简洁；减少浏览器内存占用
代理demo：

一个通用的绑定事件的函数：

Ajax:

使用XMLHttpRequest请求一次

readyState状态码：

0:未调用send();
1:调用send()，正在发送请求;
2:send（）执行完成，已经收到全部响应内容
3:正在解析相应内容
4:响应内容解析完成，可以在客户端调用了

跨域：

1.浏览器同源策略，不允许ajax访问其他域接口
2.跨域条件：协议，域名，端口有一个及以上不同，就叫跨域
3.但是有三个标签允许跨域
	1⃣️img 用于打点统计，统计网站可能是其他域
	2⃣️link
	3⃣️script 可用于JSONP

解决跨域：
	JSONP
	服务器端设置http header

存储：
cookie：

本身用于客户端服务器端通信，但它有本地存储功能（4kb），于是被借用

cookie用于本地存储缺点：

容量小4kb
每次http都会带着，影响获取资源的效率
调用不太方便

localStorage和sessionStorage

1.H5专为存储而设计，容量5M
2.简单易用：
	(local/session)Storage.setItem(key,val)
	(local/session)Storage.getItem(key)
3.建议使用时用try/catch封装