JS编码优化

1.CSS放在头部，JS放在尾部，这样先将网页呈现给用户，在来加载脚本

2.编译-文件压缩，发布网站时，压缩js，压缩工具Packer和YUI Compressor

3.Javascript分层概念和Javascript库

base层、common层、page层

base层封装浏览器之间的差异，提供大量的这种接口，如封装一个设置DOM透明度的函数

1、透明度
function setOpacity(node,level){
   node=typeof node=="string" ? document.getElementById(node) : node;
if(document.all){
node.style.filter='alpha(opacity'+level+')';
}else{
node.style.opacity=level/100;
}

}
2、event对象
在IE中event对象时作为window的属性用于全局作用域的，在Firefox中是事件参数
btn.οnclick=function(e)
{
  e=window.event || e;这样就兼容
3、阻止事件冒泡
e.cancelBubble=true;//IE
e.stopPropagation();//火狐
4、事件添加
attachEvent addEventListener//这个火狐当中
5.JS中的trim()函数
function trim（str)
{
 return str.replace(/^\s+|\s+$/g,"");
}
使用命名空间
var GLOBAL={};
GLOBAL.namespace=function(str){
var arr=str.split("."),o=GLOBAL;
for(i=(arr[0]=="GLOBAL")? 1:0;i<arr.length;i++){
o[arr[i]]=o[arr[i]] || {};
o=o[arr[i]];

base层还可以在分，GLOBAL.Dom GLOBAL.Event GLOBAL.Lang
common层的JS需要按功能分成一个个单独的文件，如common_cookie.js  common_drag.js  common_tab.js


编程实用技巧
1.弹性
原生的javascript只提供getElementById/getElementsByTagName/getElemenga
2、组件复习
3、预留回调接口
4.用哈希传参
function text(config){
var O=+config.a || Ob=config.b || c=confgi。
5setTimeout/setInterval可以改变this指向，将this指向的对象保存到变量
var name="somebody";
var adang={