JSON

--> {} 对象

1. 前后端数据传送 xml与HTML 的区别 可以自定义标签
2. 数据传送 对象 属性名佳双引号
3. JSON.parse(); string --> json
4. JSON.stringify();json --> string

dom树

domTree  -->  html
      head          body
    ....      div   span   strong

domTree + cssTree == randerTree

reflow 重排    dom 的增删改(删除，添加，节点的宽高改变，位置变化，display none ---> block
offsetleft offsetleft)
repaint 重绘
效率浪费较少   背景图片字体颜色等

异步加载

defer 异步加载 只能IE 用

aysnc 异步加载 W3C标准

asychronous javascript and html
AJCS 只能加载外部脚本，不能把JS 写在SCRIPT标签里

异步加载JS 的过程

<script type="text/javascript">
    function loadScript(url,callback){
        var script = document.creatElement('script');
        script.type = "text/javascript";
        if（script.readyState){
            script.onreadystatechange = function(){
                if(script.readyState == "complete"||script.readyState == "loaded"){
                    callback();//回调函数callback;
                }
            }//IE 判断下载是否完成
        }else{
            script.onload = function(){
               callback(); //chrome firefox safari opera
            }//script.onload 是判断下载是否完成
        }
        script.src = url;
        document.head.appendchild(script);
    }
    loadScript('deom.js',function (){
        text();
    });
</script>