RequireJS

汉王 WEB前端 收藏

RequireJS是一个JS文件,主要的功能是优化页面JS的载入,在平时我们在html页面使用的是script标签来载入JS,如下示例:

<script src="1.js"></script>
<script src="2.js"></script><script src="3.js"></script>

这样的写法有很大的缺点。首先,加载的时候,浏览器会停止网页渲染,加载文件越多,网页失去响应的时间就会越长;其次,由于js文件之间存在依赖关系,因此必须严格保证加载顺序(比如上例的1.js要在2.js的前面),依赖性最大的模块一定要放到最后加载,当依赖关系很复杂的时候,代码的编写和维护都会变得困难。

require.js的诞生,就是为了解决这两个问题:

(1)实现js文件的异步加载,避免网页失去响应;

(2)管理模块之间的依赖性,便于代码的编写和维护。

使用require.js后你将不再使用script标签在HTML中引入JS文件,以及不用通过script标签顺序去管理依赖关系,我们要做的就是在页面中引入require.js,然后做相应的配置即可,这样不仅可以简化页面的js导入配置,还可以提高网页的访问速度。

RequireJS官网:http://requirejs.org/

RequireJS 中文网:http://www.requirejs.cn/

RequireJS 入门指南:http://www.chinaz.com/program/2013/0827/314947.shtml

JS模块化工具requirejs教程(一)-初识requirejs:http://www.runoob.com/w3cnote/requirejs-tutorial-1.html

JS模块化工具requirejs教程(二)-基本知识:http://www.runoob.com/w3cnote/requirejs-tutorial-2.html

RequireJS学习笔记:http://www.cnblogs.com/yexiaochai/tag/require.js/

JS使用RequireJS载入模块:http://www.wpnoob.cn/a-2128.html