Welcome, Old Sport!

javascript的一些优化建议

by ilikecss ON 2012/07/17 2983

javascript的一些优化建议Javascript写的是否优秀对你站点的用户体验绝对是有所影响。要做到丰富的用户体验那javascript是必不可少的,我们生活在一个数字化环境中,它是伟大的,这也意味着我们必须不断地学习和提升。优化代码也是其中之一: 大小,兼容性,方法都是在考虑之中的要素。当然你必须知道你的受众目标,在不同平台测试运行也将会得到不同的结果。以下javascript优化建议或许能给你或你们带来一些帮助或提点。

入门级

站点做好了,加载了N多脚本,首先优化的措施就是查看那些js花费了较长时间去执行。在这里我推荐使用firebug去查看,有2种查看方式:

法1: 选择firebug > net > js

firebug查看执行状态方法1

法2: 选择firebug > console > all

firebug查看执行状态方法2

通过查看到js执行时间长短去逐一优化,可以压缩大小或整合在一起。

字符串的书写

如果你的字符串够简短,请使用以下写法:

var string   = '我爸是';
    string  = '李刚';
alert(string);

老式浏览器或保守写法:

var string = ['我爸是', '李刚', '儿子', '的', '老师', '朋友的...'];
 
alert(string.join(""));

循环结构提速

循环有不同写法,然后巧妙的改变几个字符就可以提高其性能,forwhile对循环的大小有时是很巨大的变化,这里不列举了。

调用数组的方法或属性:

如果你访问多次在一个数组中的元素属性,那建议你可以先声明一个变量,虽然会多写一些代码但对于之后性能收益是绝对值得的。

Array[Index].Method1();
Array[Index].Method2();
Array[Index].my_variable;

var element = Array[Index];
element.Method1();
element.Method2();
element.my_variable;

结论:

如果你能掌握以上javascript优化方法,并融会贯通。绝对能够让你比别人获得明显的性能提升,以上优化技巧技巧举例都是javascript初级知识,如果有什么错误方面请高手指教,刚接触的朋友不妨养成良好的书写习惯,事半功倍。

2条评论



TOP