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压缩的做法:去掉空格和换行,去掉注释,把复杂变量名替换成简单的变量名
时间: 2024-10-13 00:22:42