初次使用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——JavaScript模块加载与AMD规范解析》 在JavaScript的世界里,随着代码量的增加,管理和组织变得越来越...理解并掌握require.js的使用,对于任何JavaScript开发者来说,都是提升技术水平的重要一步。
然而,当我们需要动态加载HTML模板、JSON数据或者其他文本资源时,直接使用require是无法完成的,这时候就需要text.js插件出场了。 首先,安装text.js非常简单,只需要将它添加到你的项目中,通常与require.js放在...
RequireJS不仅提供了模块化管理和异步加载,还支持插件系统,可以通过插件扩展其功能,如优化(r.js)、数据绑定(require-bind-dom)、CSS加载等。这些特性使RequireJS成为构建复杂前端应用的强大工具。 总之,...
Require.js是JavaScript的一个模块加载器,它引入了AMD(Asynchronous Module Definition)规范,为JavaScript提供了异步加载模块的能力,尤其适合在浏览器环境中处理大量依赖关系。 在JavaScript中,早期的编程...
`require.js`允许我们在浏览器端异步加载JavaScript模块,它通过`require`函数来引入模块,并使用`define`函数定义模块。然而,Node.js使用的是`require`关键字来同步加载模块,这与`require.js`的工作方式不同。...
require.js用于模块化管理javascript的管理工具,非常实用
Require.js是一种JavaScript模块加载器,它遵循AMD(异步模块定义)规范,这种规范允许你以异步的方式加载JavaScript模块。它非常小巧,压缩后的大小只有14KB,适合用于管理前端JavaScript模块的加载,能够有效地...
require.jsrequire.jsrequire.jsrequire.jsrequire.jsrequire.js
require.js是一种JavaScript模块加载器,设计用于解决JavaScript代码的组织和异步加载问题。在早期的网页开发中,所有的JavaScript代码通常被编写在一个文件里,随着项目规模的扩大,代码量增加,这种方法不再适用。...
将我的博客文章(https://blog.csdn.net/IT_interest/article/details/122973985)中的内容用项目实现出来,功能为:使用webpack中的require.context功能,批量导入本地图片,并且可根据需要支持多格式图片导入。...
使用Require.js的目的是为了解决在浏览器端开发时遇到的两个主要问题:一是多个JS文件加载导致的浏览器停止渲染问题,二是维护JavaScript文件间复杂的依赖关系。 首先,当我们在一个页面中加载多个JS文件时,浏览器...
**require.js**是一种在前端开发中广泛使用的JavaScript模块化加载框架,主要解决的是JavaScript在浏览器环境中缺乏内置模块化支持的问题。它引入了CommonJS风格的模块化机制,使得JavaScript代码可以像服务器端语言...
`require.js` 是一个流行的JavaScript模块化加载器,它使得在浏览器端管理JavaScript代码变得更加有序和高效。在HTML5 Boilerplate(一个前端开发基础模板)中整合`require.js`,可以提升项目的构建质量和性能,特别...
1. RequireJS的基本使用:RequireJS的使用主要涉及其API的调用,如require(),require.config()等。require()函数用于加载模块,可以在其参数中指定要加载的模块列表和一个回调函数,当所有指定模块加载完成后,回调...
Require.js是一个流行的AMD(Asynchronous Module Definition)模块加载器,它允许我们在浏览器环境中按需加载JavaScript模块。而r.js是Require.js的一个配套工具,专门用于构建和优化项目,包括合并、打包和压缩JS...
在非专业前端开发的工作中(比如使用vuejs开发),免不了要进行模块化,js的加载使用require.js就可以了,但是对于.css文件的加载需要使用插件,在试用了github上提供的require.js后发现不太好用(报错,还得改人家...
本篇将深入探讨require.js,一个广泛使用的JavaScript模块加载器和异步依赖管理库,尤其适用于大型项目的开发。 require.js的核心概念是AMD(Asynchronous Module Definition),即异步模块定义。它允许我们在脚本...
Require.js是一个JavaScript文件和模块加载器,支持AMD规范,可以在浏览器中异步加载JavaScript模块,以提高页面性能。在开发微信上传图片组件时,我们可以将各个组件的html、js、css分别放在用组件名字命名的文件夹...
一个管理js文件的加载的开源js库,官网地址http://www.requirejs.org/