JavaScript-最佳实践

JavaScript相对独立

与HIML语言相比, JavaScript语言的生存环境的要求要苛刻得多。如果 JavaScript代码不符合语法规定, JavaScript解释器(对Web应用而言就是浏览器)将拒绝执行它们并报错;而浏览器在遇到不符合语法规定的HTML代码时,则会千方百计地将其呈现出来。尽管如此,在如今的Web上还是充斥着质量低劣的 JavaScript代码

JavaScript伪协议

“javascript:” 这个伪协议可以让我们通过一个链接来调用JavaScript函数

<a href="javascript:popUp()">示例</a>

内嵌的事件处理函数

<a href="#" onclick="popup()"> </a>

分离JavaScript

<a href='#' class="popup"> </a>
//包装在函数里 利用window.onload 加载页面全部的节点
window.onload = choose();
function choose(){
var popup_class = document.getELementsByClassName('popup');
for(var i in popup_class){
  if(popup_class[i].className = 'popup'){
    this.click = function(){
      //statement
    }
  }
}
  }

性能考虑

• 尽量少访问DOM 尽量减少标记

  对获取来的DOM进行存储，防止二次获取

• 合理放置脚本，脚本合并，减少http请求

• 压缩脚本，双版本，原版，.min.js版本