require.js和sea.js的作用都是一样的。
为了解决两大问题,第一实现js文件的异步加载,避免网页失去响应,第二管理模块之间的依赖性。
基本的模板
define(function(require,exports,module){ exports.getStyle = function (obj,name){ //你初始的模块 } })
define(function(require,exports,module){ var get = require('get');//引入初始模块(基于这块代码,你才可以继续写后面的代码) exports.move = function move(obj,json,complete){ //后续代码 } })
require(['move'],function(mod){ mod.slide() //后续模块的方法 })
并通过
<script src="require.js" data-main='init'></script> //data-main 是一个方法 后面是你最终文件的名字。
插入到你的HTML中
jQuery也是如此,存在着依赖的关系
requires.config({ paths:{ //引入你所依赖的模块 'jquery':'lib/jquery' //你的jquery存放位置,注意不能加后缀名 .js } }); requires(['jquery'], //方法输出的jq代码 function ($){ $('#test').html('test'); });
也是通过
<script src="require.js" data-main='init'></script> //data-main 是一个方法 后面是你最终文件的名字。
插入你的html