日期:2014-05-16  浏览次数:20373 次

require.js学习总结

1、为什么使用require.js

作为命名空间;
作为命名空间使用;
异步加载js,避免阻塞,提高性能;
js通过require加载,不必写很多script

2、require.js的加载

require.js下载
下载后,放在指定目录就可以加载了
<script src="js/require.js"></script>
有人可能会想到,加载这个文件,也可能造成网页失去响应。解决办法有两个,一个是把它放在网页底部加载,另一个是写成下面这样:
<script src="js/require.js" defer async="true" ></script>  
async属性表明这个文件需要异步加载,避免网页失去响应。IE不支持这个属性,只支持defer,所以把defer也写上。

这种写法虽然简单,但其实并不推荐,一般的写法还要再加个属性:

<script data-main="js/main" src="js/require-jquery.js"></script>  
就像一个c程序总有一个 main 方法作为入口一样,上面这种写法,做了几件事情:
1、加载了 require-jquery.js 文件。注意,官方提供了 require.js和 jquery 的打包版本,推荐。