月份：2013年7月

30个提高Web程序执行效率的好经验

gax 评论

1、尽量避免使用DOM。当需要反复使用DOM时，先把对DOM的引用存到JavaScript本地变量里再使用。使用设置innerHTML的方法来替换document.createElement/appendChild()方法。
2、eval()有问题，new  Fuction()构造函数也是，尽量避免使用它们。
3、拒绝使用with语句。它会导致当你引用这个变量时去额外的搜索这样的一个命名空间，with里的代码在编译时期是完全未知的。
4、使用for()循环替代for…in循 环。因为for…in循环在开始循环之前需要Script引擎创建一个含有所有可循环属性的 List，需要多检查一次。 继续阅读

jQuery性能优化

gax 评论
1，总是从ID选择器开始继承
在jQuery中最快的选择器是ID选择器，因为它直接来自于JavaScript的getElementById()方法。
例如有一段HTML代码：


    

  1. <div id=”content”>
    2. 

  2. <form method=”post” action=”#”><h2>交通信号灯</h2>
    3. 

  3. <ul id=”traffic_light”>
    4. 

  4. <li><input type=”radio” class=”on” name=”light” value=”red”/> 红色</li>
    5. 

  5. <li><input type=”radio” class=”off” name=”light” value=”yellow”/> 黄色</li>
    6. 

  6. <li><input type=”radio” class=”off” name=”light” value=”green”/> 绿色</li>
    7. 

  7. </ul>
    8. 

  8. <input class=”button” id=”traffic_button” type=”submit” val 继续阅读
    9. 





























只在需要的时候加载需要的 JavaScript



   gax 评论







一年前我做了一个关于这个主题的演讲。我第一次关注这个技术是因为 @dhh发布的他们在 37signals使用的一些观点。我注意到他们 在模板视图里如何使用JavaScript，动态生成JavaScript这是它的关注点，这引起了我的思考。




与之前我们在前端加载全部javascript相比，为什么我们不加载最少量的JavaScript然后在用户界面需要的时候再加载额外的JavaScript代码呢？