前端技术优化之java script篇
TRANSCRIPT
测试驱动开发
为了编写可维护的 JavaScript ,测试驱动是必不可少的。因为每个测试都起到质量反馈的作用,给后期维护和修改创建了一个安全保护网并提供了一份可执行的文档。通过测试,我们可以保证所有的功能被覆盖,也避免了重写代码后再进行测试的高昂代价。
解决方案 :以后的开发中使用 JsUnit 和 JSMock 进行测试驱动。
浏览器兼容
Web 时代,主流浏览器兼容是必须的。而且当 IE 9 来到时,向下兼容可能会出现一些问题。时代在发展, Google 都摈弃了 IE6 , 既然都有权要求用户使用 IE 浏览器,为何不能要求用户对浏览器升级,或满足使用其它浏览器的用户呢?
解决方案 :更改代码,使其兼容主流浏览器。
使用基本常识方法
避免使用内联引用和内部引用,尽量使用外部引用
a) 使用三元操作符代替 if…else… ; b) 减少 DOM 访问; c) 尽量使用 switch ; d) 简化常用对象定义( var obj = {}; 代替 var obj = new
Object(); )
解决方案 :编写代码过程中遵循以上方法
查找瓶颈
a) 局域网不慢,互联网慢则为加载慢; b) Chrome 不慢, IE 慢则为渲染慢; c) 越用越慢则为内存泄露。
解决方案 :针对 a) 可对文件进行压缩;动态加载;加载提示。针对 b) 可缓存经常用到的节点查询结果;注意 DOM 的刷新;减少加载减少解析;晚加载晚解析。针对 b) 可参见: JS内存泄露 。
相关类容链接:
前端优化方案-JavaScript 优化方案 YUI介绍 使用JsUnit和JSMock的JavaScript测试驱动开发 标识符 JavaScript中唯一的三元操作符 JavaScript eval() 函数 js内存泄露问题 内存泄露 14快速载入网站规则
冯小强 (Qone)QQ:452348832Gmail : [email protected]新 浪: http://t.sina.com/Qone腾 讯: http://t.qq.com/Qone2010