作者:酱油丸子-310 | 来源:互联网 | 2018-06-20 19:09
看了《高性能Javascript》的读书笔记
几个原则:
1、将脚本放在底部
还是在head中,用以保证在js加载前,能加载出正常显示的页面。
内联和外部文件
带defer属性的
此种子文件大约10KB,
使用:
代码如下:
YUI().use("dom",function(Y){
Y.Dom.addclass(...)
})
当所有代码可用时,回调函数被调用,YUI实例作为参数传入,就可以立即使用新下载的功能。
The LazyLoad library
使用:先引入:lazyload-min.js
(4)
代码如下:
LazyLoad.js("a.js?6.1.3",function(){
Appliction.init();
})
多个文件:
代码如下:
LazyLoad.js(["a.js?6.1.3","b.js?6.1.3"],function(){
Application.init();
})
(5)The LABjs library
先引入:lab.js
代码如下:
$LAB.script("a.js?6.1.3").wait(function(){
Application.init();
})
多个文件,就链式写法
他的独特之处在于能够管理依赖关系。
可以通过wait()函数指定哪些文件应该等待其他文件。
例如:b.js的代码保证不在a.js之前运行
代码如下:
$LAB.script("a.js?6.1.3").wait().script("b.js?6.1.3").wait(function(){
Application.init();
})
这样,虽然两个文件是并行下载的,却能保证a.js能在b.js之前执行