程序的位置和功能划分

Posted 2020-10-05

javascript从功能上分为两部分：框架部分和应用部分

框架部分：对javascript代码的组织作用，包括定义全局变量，定义命名空间方法，和具体应用无关，每个页面需要相同的框架

应用部分：页面功能逻辑，不同页面会有不同的功能，不同页面应用部分的代码页不相同

所有应用部分的代码都要集中到init函数里，所有的初始化工作都在这里，网页的程序入口

 

window.onload与JS框架提供的DOMReady事件的区别

window.onload需要当页面完全加载完成时才会触发，包括图片、Flash等富媒体

DOMReady只判断页面内所有的DOM节点是否已经生成，至于节点的内容 是否加载完成，它并不关心，速度比window.onload更快，更适合用来调用初始化函数

注意：DOMReady并不是原生javaScript支持的事件，不能像window.onload那样直接调用，一般都是结合Js框架来使用它，例如jQuery。$(document).ready(init

)

CSS放在页头，JavaScript放在页尾

避免javaScript 阻塞网页的呈现，减少页面空白的时间

引入编译的概念——文件压缩

JS压缩的做法：去掉空格和换行，去掉注释，把复杂变量名替换成简单的变量名