JavaScript--性能优化
2017-09-25 本文已影响7人
爱吃的根号三
1.事件委托
2.节流函数
3.浏览器渲染
3.浏览器渲染
.mod-nav h3 span {font-size: 16px;}
因为CSS选择器从右向左的匹配规则,所以浏览器第一步先查找所有的<span>
,第二步根据span向上查找他的父节点中是否有<h3>
,直到查找到<html>
都没有时结束
因此想要快速找到某个元素,根据上述例子可以写成:
span h3 .mod-nav {font-size: 16px;}
资料
2.节流函数
http://www.cnblogs.com/fsjohnhuang/p/4147810.html
3.浏览器渲染
https://mp.weixin.qq.com/s/g-1YniL1L6EM21BfJWa-QQ