js性能优化

最近在使用phonegap开发app,大家也知道,手机的处理器肯定是没有电脑的处理器的强悍。在开发app的时候,系统的流畅性是相当重要的,有时候只需要纠正下平时的编码习惯,就能够起到很明显的性能优化。优化app运行的性能。以下列举几个例子:

一.for循环

js性能优化_第1张图片

二.减少界面的重绘

用js如果需要去操作dom的时候,避免重复多次的使界面重绘

js性能优化_第2张图片

这个例子中100次的循环,就已经是执行时间相差好几倍了,有兴趣的同学可以自行测试一遍运行的时间。

三.减少查找dom元素的次数。

js性能优化_第3张图片

这个说起来也简单,但是在写代码的时候,有些人也会不自觉的用上了第一种方法。所以稍微注意下就可以了

四.巧用  || 和&&  



五.换一种方式创建对象

var a = new Array(param,param,...) ------>   var a = []

var foo = new Object()                   -------> var foo = {}

var reg = new RegExp()                 -------->var reg=/.../

大概就这么多了,也许某些点对性能的优化不明显,但是,当优化的地方多的话,app整体的性能就提高了。而我们需要做的只是在编写代码的时候稍微注意一下就行了。

转载自: http://chenblog.sinaapp.com/?p=57 

你可能感兴趣的:(phonegap)