渲染机制

        css==cssom + html==dom tree=render tree 遇到js时候修改dom,css时候会reflow（重排），repaint(众绘)

 js运行机制：

        有同步任务和异步任务，

        由于js是单线程，执行完一件在执行另一件

        默认是先执行完所有的同步任务在执行异步任务，

        console.log('a');

        setInterval(function(){console.log(2)},0);

        while(1){}

        只会输出a

        异步执行时间，什么时间将异步任务放入到异步任务中（执行完同步后）

        for(var i = 0; i<4;i++){

            setTimeout(function(){

                console.log(i)

            },1000)

        }

   页面性能

        2.1静态资源压缩，减少http请求 

        2.2异步加载，1动态创建节点  2 script的defer 按顺序执行 3 script的async 都需要配合src,加载完页面后立即执行

        不考虑js依赖

        2.3利用DNS,将需要加载的服务器地址移到就近地址

   错误监控

        3.1错误类型，运行错误，代码编写错误 解决方法 try{}catch{} window.onerror

        3.2资源加载错误                  解决方法：object.onerror