DOM和BOM

从 JS 基础知识到 JS Web API：
1. JS基础知识，规定语法（ECMA 262 标准）
2. JS Web API， 网页操作的API（W3C标准）
3.前者是后者的基础，两者结合才能真正实际

JS Web API
DOM：操作网页上的DOM元素怒
BOM：操作浏览器上的一些事情，导航，宽高等
事件绑定：绑定时间，监听点击之类
ajax：发送网络请求
存储：浏览器暂存数据

vue和react框架应用广泛，封装了DOM操作
题目：
DOM是哪种数据结构
DOM操作的常用API
attr和property的区别
一次性插入多个DOM结点，考虑性能

DOM 本质：
从 HTML 说起，先从XML说起，XML 是一种可扩展的标记性语言，描述的是一棵树，可以自定义标签，类似于 JSON，区别在于JSON的表现形式与这个不太一样，XML 历史比 JSON 早，JSON 这种结构天生跟 JS 的数据结构相吻合，后来发展的很快。
HTML 也是一种特定的 XML，规定了一些特定的名称。因此 DOM 本质是一棵树，首先 HTML本身是一个树形的结构，HTML 是文件或者是代码，DOM 是浏览器内存中初始化好的树。DOM 本质是从 HTML 语言中浏览器解析出来的一棵树
DOM 节点的操作：
DOM 结构操作：
DOM 性能：

attr和property的区别:

property 和 attribute
property：修改JS对象属性，不会体现到HTML结构中
attribute：修改HTML属性，会改变HTML 结构（标签结构）
两者都有可能引起DOM重新渲染

建议：尽量用 property 操作，因为property可能会在JS机制中，避免一些不必要的DOM渲染；但是attribute是修改HTML结构，一定会引起DOM结构的重新渲染，而DOM重新渲染是比较耗费性能的

DOM的性能优化：

DOM查询做缓存 将频繁操作改

 

BOM 浏览器对象模型：

1. 如何识别浏览器类型

面试题：描述事件冒泡的流程
基于DOM树形结构，时间会是顺着触发元素往上冒泡。
应用场景：事件代理