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