javascript - 如何提高js的性能 防止内存泄露 回收内存该怎么操作 还有DOM的遍历怎样才合理

Question

近期做前端页面，使用了大量的插件和各种UI框架，尤其是做web app 页面的响应速度大大的降低了！请问该如何防止页面响应时间过长呢？除了用r.js压缩JS外，如何规范的对dom的操作和建立合理的内存回收的机制，提高JS的性能呢？（不要复制百度搜来的，谢谢！）

Answer 1

因资源请求造成的性能问题，需要：
1.资源压缩、合并；
2.减少请求数；
3.CDN分发。

因页面JS引起的性能问题，需要：
1.了解重排、重绘造成性能问题及解决方案；
http://blog.jobbole.com/46722/
2.涉及大量字符串操作时，使用array的join，而不是字符串拼接;
3.其他的优化点：http://www.cnblogs.com/koking/archive/2011/10/17/2215665.html

Answer 2

用原生js写，少用第三方框架类，用amd模块加载

Answer 3

想要性能就别上什么UI框架，除非能确定它能把事件都解绑了，譬如我自己的。
有事件的组件都提供了 unbind 或者 remove 方法，需要销毁的时候调用一下就行了

Answer 4

web app 不适合做交互很复杂的应用，你会发现即使不用控件。很简单的单选或者下拉框在一些低配的手机里都会响应慢，更何况一个页面上有若干个控件。所以现在国内著名app都很少有用web app的。web app就是适合做浏览用。做内嵌效果不错。