84669 personnes étudient
152542 personnes étudient
20005 personnes étudient
5487 personnes étudient
7821 personnes étudient
359900 personnes étudient
3350 personnes étudient
180660 personnes étudient
48569 personnes étudient
18603 personnes étudient
40936 personnes étudient
1549 personnes étudient
1183 personnes étudient
32909 personnes étudient
今天被问到一个问题:javascript的性能瓶颈是什么?作为一个菜鸟就直接就闷逼了。
我知道js性能优化需要考虑:作用域、原型链、优化循环、DOM操作、使用事件代理等等。那么它的瓶颈是什么呢,该如何理解?
业精于勤,荒于嬉;行成于思,毁于随。
谢邀
作用域链,当查找一个变量时,先在当前作用查找,就会沿作用域链到上层作用域查找,直到全局作用域,查找的越深,性能越差;原型链查找,当查找一个对象属性时,会先查找当前对象的实例属性,如果没有找到则去查找原型上有没有,如果原型上没有,则会查找原型的原型,直到查找到顶级Object,查找的越深,性能越差;循环:有些可能一层循环就可以搞定,就不必用两层;还有循环中有时会用length,for(var i=0; i<arr.length; i++),每一次循环都会求值一次arr.length,性能就不如for(var i=0,len=arr.length; i<len; i++)DOM操作,DOM操作是很耗费性能的,如果有大量更新DOM,我们可以在js中统一更新后,再一次更新到页面中,减少重绘和回流的次数事件代理,如果在一个10000项的列表中每一个都绑定一个匿名函数会导致耗费过多内存,如果我们使用代理就只需要在祖先级的标签上绑定一个事件,根据冒泡原理,可以减少内存,提高性能
for(var i=0; i<arr.length; i++)
for(var i=0,len=arr.length; i<len; i++)
谢邀
作用域链,当查找一个变量时,先在当前作用查找,就会沿作用域链到上层作用域查找,直到全局作用域,查找的越深,性能越差;
原型链查找,当查找一个对象属性时,会先查找当前对象的实例属性,如果没有找到则去查找原型上有没有,如果原型上没有,则会查找原型的原型,直到查找到顶级Object,查找的越深,性能越差;
循环:有些可能一层循环就可以搞定,就不必用两层;还有循环中有时会用length,
for(var i=0; i<arr.length; i++)
,每一次循环都会求值一次arr.length,性能就不如for(var i=0,len=arr.length; i<len; i++)
DOM操作,DOM操作是很耗费性能的,如果有大量更新DOM,我们可以在js中统一更新后,再一次更新到页面中,减少重绘和回流的次数
事件代理,如果在一个10000项的列表中每一个都绑定一个匿名函数会导致耗费过多内存,如果我们使用代理就只需要在祖先级的标签上绑定一个事件,根据冒泡原理,可以减少内存,提高性能