dom和bom

DOM树

DOM优化：
查找：
如果只用一个条件就能查找到想要的元素时：
首选使用getElementXXX------效率高
如果要查找的条件复杂时，在使用querySelector或…All
增加和删除：
1.尽量少操作DOM树 尽量将所有元素添加到父元素之后一次性将所有的元素添加到dom树中
2.如果当前操作元素的父元素已经存在，就创建一个文档片段 将所有要增加传入文档片段中，最后在将整个文档片段增加到父元素中即可，文档片段在传给父元素之后会自动消失

删除元素

addEventListener和removeEventListener事件原理图解

事件模型(事件冒泡)；
解决方案： 为事件处理函数添加一个参数 使用参数下的方法 e.stopPropagation();

事件委托（delegate）
原理：
1.事件绑定在父元素上
2.使用e.target 代替this
3.过滤不符合的元素产生事件