require.js的初次使用心得
程序员文章站
2022-07-08 20:21:09
...
初次使用js的模块化开发,将之前在一个页面中的很多function归类整理后,确实看起来更加的结构清晰。其中遇到一些小小的问题,记录一下。
1.引入require.js
2.可以在html页面中引入公用js库,也可以在main.js中引入
3.require(['module1','module2'],function(module1,module2){})里前面模块名称即使只有一个也必须写成数组的形式。将需要外部调用的模块尽量写在前面,别指定外部调用名。
4.define定义模块,如果外部调用该模块里的变量,如:
必须要将内部的变量,以 reurn {xxx : xxx}的形式返回。不然外部无法调用到。
返回方法的时候,要返回方法名,(myFn : myFn)。调用时,使用xx.myFn();
贴上阮一峰的require.js的教程http://www.ruanyifeng.com/blog/2012/11/require_js.html
1.引入require.js
<script src="require.js" data-main="main.js"></script>
2.可以在html页面中引入公用js库,也可以在main.js中引入
require.config({ baseUrl: "js/lib", paths: { "jquery": "https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min" } });
3.require(['module1','module2'],function(module1,module2){})里前面模块名称即使只有一个也必须写成数组的形式。将需要外部调用的模块尽量写在前面,别指定外部调用名。
4.define定义模块,如果外部调用该模块里的变量,如:
define(function(){ var utilFn = { 'airplaneNameToCode3' : function(name){ var code3 = ""; for(var i=0;i<aptJSON.RECORDS.length;i++){ if(name == aptJSON.RECORDS[i]["AptCname"]){ code3 = aptJSON.RECORDS[i]["AptIATA"]; } } return code3; }, 'getFormatDate' : function(date,flag){ var year = date.getFullYear(); var month = date.getMonth()+1; var day = date.getDate(); if(month.toString().length === 1){ month = "0"+month; } if(flag === 1){ return year+"/"+month+"/"+day; }else if(flag === 2){ return year+month+day; } } }; return { "utilFn" : utilFn }; });
必须要将内部的变量,以 reurn {xxx : xxx}的形式返回。不然外部无法调用到。
返回方法的时候,要返回方法名,(myFn : myFn)。调用时,使用xx.myFn();
贴上阮一峰的require.js的教程http://www.ruanyifeng.com/blog/2012/11/require_js.html
推荐阅读
-
pycharm 使用心得(九)解决No Python interpreter selected的问题
-
MySQL中地理位置数据扩展geometry的使用心得
-
pycharm 使用心得(八)如何调用另一文件中的函数
-
pycharm 使用心得(六)进行简单的数据库管理
-
关于使用key/value数据库redis和TTSERVER的心得体会
-
新手初次使用笔记本的十六个为什么
-
AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法
-
Win Form 的 Splitter 使用心得与技巧
-
dagger2的初次使用
-
solidworks打开提示初次使用需要几分钟的时间怎么办?