`
项志鹏同學
  • 浏览: 12724 次
  • 性别: 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.rar

    《require.js——JavaScript模块加载与AMD规范解析》 在JavaScript的世界里,随着代码量的增加,管理和组织变得越来越...理解并掌握require.js的使用,对于任何JavaScript开发者来说,都是提升技术水平的重要一步。

    require.js插件-text.js使用

    然而,当我们需要动态加载HTML模板、JSON数据或者其他文本资源时,直接使用require是无法完成的,这时候就需要text.js插件出场了。 首先,安装text.js非常简单,只需要将它添加到你的项目中,通常与require.js放在...

    require.js最新版2.3.5

    RequireJS不仅提供了模块化管理和异步加载,还支持插件系统,可以通过插件扩展其功能,如优化(r.js)、数据绑定(require-bind-dom)、CSS加载等。这些特性使RequireJS成为构建复杂前端应用的强大工具。 总之,...

    Javascript模块化编程(Require.js)

    Require.js是JavaScript的一个模块加载器,它引入了AMD(Asynchronous Module Definition)规范,为JavaScript提供了异步加载模块的能力,尤其适合在浏览器环境中处理大量依赖关系。 在JavaScript中,早期的编程...

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

    `require.js`允许我们在浏览器端异步加载JavaScript模块,它通过`require`函数来引入模块,并使用`define`函数定义模块。然而,Node.js使用的是`require`关键字来同步加载模块,这与`require.js`的工作方式不同。...

    require.js文件

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

    javascript高级模块化require.js的具体使用方法

    Require.js是一种JavaScript模块加载器,它遵循AMD(异步模块定义)规范,这种规范允许你以异步的方式加载JavaScript模块。它非常小巧,压缩后的大小只有14KB,适合用于管理前端JavaScript模块的加载,能够有效地...

    require.js学习指南

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

    require.js的用法详解

    require.js是一种JavaScript模块加载器,设计用于解决JavaScript代码的组织和异步加载问题。在早期的网页开发中,所有的JavaScript代码通常被编写在一个文件里,随着项目规模的扩大,代码量增加,这种方法不再适用。...

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

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

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

    使用Require.js的目的是为了解决在浏览器端开发时遇到的两个主要问题:一是多个JS文件加载导致的浏览器停止渲染问题,二是维护JavaScript文件间复杂的依赖关系。 首先,当我们在一个页面中加载多个JS文件时,浏览器...

    前端require.js

    **require.js**是一种在前端开发中广泛使用的JavaScript模块化加载框架,主要解决的是JavaScript在浏览器环境中缺乏内置模块化支持的问题。它引入了CommonJS风格的模块化机制,使得JavaScript代码可以像服务器端语言...

    require.js build

    `require.js` 是一个流行的JavaScript模块化加载器,它使得在浏览器端管理JavaScript代码变得更加有序和高效。在HTML5 Boilerplate(一个前端开发基础模板)中整合`require.js`,可以提升项目的构建质量和性能,特别...

    require.js教程

    1. RequireJS的基本使用:RequireJS的使用主要涉及其API的调用,如require(),require.config()等。require()函数用于加载模块,可以在其参数中指定要加载的模块列表和一个回调函数,当所有指定模块加载完成后,回调...

    require+r.js打包

    Require.js是一个流行的AMD(Asynchronous Module Definition)模块加载器,它允许我们在浏览器环境中按需加载JavaScript模块。而r.js是Require.js的一个配套工具,专门用于构建和优化项目,包括合并、打包和压缩JS...

    require-css.js

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

    Javascript模块化编程(三)require.js的

    本篇将深入探讨require.js,一个广泛使用的JavaScript模块加载器和异步依赖管理库,尤其适用于大型项目的开发。 require.js的核心概念是AMD(Asynchronous Module Definition),即异步模块定义。它允许我们在脚本...

    require.js+vue开发微信上传图片组件

    Require.js是一个JavaScript文件和模块加载器,支持AMD规范,可以在浏览器中异步加载JavaScript模块,以提高页面性能。在开发微信上传图片组件时,我们可以将各个组件的html、js、css分别放在用组件名字命名的文件夹...

    require.js

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

Global site tag (gtag.js) - Google Analytics