《requirejs基本运用及写法.docxVIP

requirejs为异步加载并回调执行定义好的函数。新页面打开后data-main里面必须定义requre.config,配置路径，别名，加载顺序。require引入模块，define定义模块。一个模块一个文件。每个模块一个define,define外面则为全局函数。define依赖模块，可以加载本目录下的文件，define([./grid],function(grid){grid.show();});define函数里面依赖require才能加载本目录下的文件，define([require,./grid],function(require,grid){require(./file);}define通过exports返回对外访问方法,define([exports],function(exports){exports.init=function(){};}require加载文件只加载一次并缓存以供下次调用。require第一次使用必须使用回调或define里面引入，后面可以直接使用，require([./grid],function(grid){grid.show();});，define([grid],function(grid){grid.show();});，require(./grid).show();svn://192.168.8.189/community/comm3/通过在body结束之前加载并执行data-main文件。script data-main=?php echo base_url(static/js/login); ? src=?php echo base_url(static/jslib/require.js); ?/script-----login.js------?require.config({ baseUrl: ROOT + static/js/,//定义根目录，所有require将以该目录为起点。 paths: {//定义别名及其真实路径 jquery: ../jslib/jquery-1.8.3.min,//即static/js/../jslib/jquery-1.8.3.min easyui: ../easyui/jquery.easyui.min, easyuizh: ../easyui/locale/easyui-lang-zh_CN }, shim: {//定义加载深度，或叫加载顺序 easyui: {//定义必须先加载jquery,再加载easyui,否则会出错。 ? 也可以 简写 easyui:[jquery] deps: [jquery] }, easyuizh: { deps: [easyui, jquery] }, func: { deps: [easyuizh, easyui, jquery] } }, urlArgs: bust= + ?(new Date()).getTime()//定义每次加载js带上参数，防止cache});require([func], function () {//加载func.js(包含设定的加载深度的js)结束之后在执行函数? $.parser.parse();//easyui解析页面?$(#detail).click(function () {//绑定各种事件 });});-----------?-----?func.js------define([jquery], function ($) {//定义模块，模块要先加载的jquery,jquery返回变量$。这里也可以不写，直接define(function(){})，因为$是全局变量;??$.fn.serializeJson = function () {});//定义jquery的扩展函数。});function closeAll() {//在define外面定义的函数为全局函数。?}-----------登录进入后页面body结束前加载initscript data-main=?php echo base_url(static/js/init); ? src=?php echo base_url(static/jslib/require.js); ?/script-----?init.js?------?require.config({//基本同上面的login,只是加了更多的别名 baseUrl: ROOT + static/js/, paths: { jquery: ../jslib/jquery-1.8.3.min, easyui: ../easyui/jquery.easyui.min, easyuizh: ../easyui/locale/easyui-lang-z