`
项志鹏同學
  • 浏览: 12211 次
  • 性别: Icon_minigender_1
  • 来自: 合肥
社区版块
存档分类
最新评论

require.js的初次使用心得

 
阅读更多
初次使用js的模块化开发,将之前在一个页面中的很多function归类整理后,确实看起来更加的结构清晰。其中遇到一些小小的问题,记录一下。
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
分享到:
评论

相关推荐

    require.js插件-text.js使用

    require.js插件 require.js还提供一系列插件,实现一些特定的功能。 text.js插件的使用

    require.js教程

    本书籍主要讲解了require.js如何使用,以及在使用过程中有哪些容易出问题的地方,适合工作中使用require.js开发的项目

    require.js.rar

    require.js.rar

    require.js文件

    require.js用于模块化管理javascript的管理工具,非常实用

    require.js学习指南

    require.jsrequire.jsrequire.jsrequire.jsrequire.jsrequire.js

    require-css.js

    在非专业前端开发的工作中(比如使用vuejs开发),免不了要进行模块化,js的加载使用require.js就可以了,但是对于.css文件的加载需要使用插件,在试用了github上提供的require.js后发现不太好用(报错,还得改人家...

    使用require.context完成本地图片批量导入

    将我的博客文章(https://blog.csdn.net/IT_interest/article/details/122973985)中的内容用项目实现出来,功能为:使用webpack中的require.context功能,批量导入本地图片,并且可根据需要支持多格式图片导入。...

    require.js

    一个管理js文件的加载的开源js库,官网地址http://www.requirejs.org/

    require.js教程.模块化

    require.js教程.模块化 大家都知道js代码的面向对象鸡助得没话说 所以将js代码模块化是个很重要的技能 我们使用require.js来将我们写的代码封闭成模块 今天写个教程 requirejs教程,最后自动打包发布js模块文件

    require.Sandbox:require.js 的沙箱模块

    require.js 的沙箱模块 require.Sandbox 是一个沙盒模块,集成到,可用于安全加载模块。 这个想法是将它们包装到一个沙箱中,以确保错误不会使整个应用程序崩溃,但可以以编程方式处理。 沙盒错误 修补错误函数 ...

    requireJS require.js下载

    RequireJS 是一个JavaScript模块加载器。它非常适合在浏览器中使用,但它也可以用在其他脚本环境,就像 Rhino and Node。使用RequireJS加载模块化脚本将提高代码的加载速度和质量。【百度百科】

    基于Require.js使用方法(总结)

    下面小编就为大家带来一篇基于Require.js使用方法(总结)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    Node.js-基于require.js的Node打包方案

    基于require.js的Node打包方案

    require.js 2.3.5

    require.js 2.3.5 本来想免费,但是最低分数是2分....................

    require.js build

    Adding require.js to HTML5 boilerplate build

    Javascript模块化编程(Require.js)

    NULL 博文链接:https://yangyangmyself.iteye.com/blog/2329391

    require+r.js打包

    实现require.js+r.js在node环境下合并,打包,压缩JS代码

    Agile Lite的框架源码的app.require.js

    Agile Lite的框架源码的app.require.js文件的修改,增加与exmobi的关联

Global site tag (gtag.js) - Google Analytics