DOM树
DOM优化:
查找:
如果只用一个条件就能查找到想要的元素时:
首选使用getElementXXX------效率高
如果要查找的条件复杂时,在使用querySelector或…All
增加和删除:
1.尽量少操作DOM树 尽量将所有元素添加到父元素之后一次性将所有的元素添加到dom树中
2.如果当前操作元素的父元素已经存在,就创建一个文档片段 将所有要增加传入文档片段中,最后在将整个文档片段增加到父元素中即可,文档片段在传给父元素之后会自动消失
删除元素
addEventListener和removeEventListener事件原理图解
事件模型(事件冒泡);
解决方案: 为事件处理函数添加一个参数 使用参数下的方法 e.stopPropagation();
事件委托(delegate)
原理:
1.事件绑定在父元素上
2.使用e.target 代替this
3.过滤不符合的元素产生事件