`

RequireJS学习资料

 
阅读更多
RequireJS学习资料:
 
组件ID是组件的唯一标识符,在和组件ID一对一的脚本文件(一个脚本文件中只有一个define)中这个ID可以没有,而且最好没有。这是因为组件加载器在请求组件的时候是必须给一个组件ID的,而且需要配置组件ID对应的脚本文件路径。加载器根据文件路径就能找到对应的组件脚本文件。所以,加载器可以直接用请求时使用的ID作为这个组件的ID。这样的好处是组件转移到其它项目的时候不需要怕ID冲突而需要修改组件ID,所以,使用define方法定义组件的时候,最好不要设置组件ID。
根据AMD规范,一个文件中定义多个组件也是可以的,但这就必须给每个define分配一个组件ID。
经过测试,当一个js文件中出现多个define订模块时,最好给每个define分配一个ID,
1.js文件中所有define都分配ID,在require时引入即可。
2.如果其中有一个不分配ID,那么在require时,必须先引入该js的文件名称。
如下app.js:
define("app2", [], function() {
  return {
    hello2: function() {
      alert("hello, app2~");
    }
  }
});


define([], function() {
  return {
    hello: function() {
      alert("hello, app~");
    }
  }
});
 main.js
require.config({
  baseUrl: 'scripts',
  paths: { 
	app: 'app',
	app2: 'app'
  }
});

require(['app', 'app2'], function(app, app2) {
	app.hello();
	app2.hello2();
});
 以上可以正常运行,当变更为require(['app2', 'app'], function(app2, app) { ... } 时,就无法正常工作
一个js文件中只能有一个无主模块,当同时require一个js中的多个define时,无主引用需要为数组第一个;
一个js文件中出现多个无主模块,require时只能加载第一个。
分享到:
评论

相关推荐

    requirejs资料及代码示例.zip

    通过学习这些资料,你可以更深入地了解如何在实际项目中使用RequireJS进行模块化开发,解决前端依赖管理的问题,提升代码质量和性能。同时,通过查看示例代码,你可以更好地理解RequireJS的用法,例如模块定义、依赖...

    requirejs-master

    RequireJS 是一个 JavaScript 模块化加载器,它在前端开发中扮演着至关重要的角色,尤其是在大型项目中,用于组织代码、管理和优化资源加载。...如果你在离线环境中,这些资源将是你学习和调试的宝贵资料。

    web-requirejs.zip

    总的来说,"web-requirejs.zip" 文件是一个实践性的学习资源,它涵盖了前端开发中的模块化、异步加载、响应式设计等多个重要概念,对于希望提升Web开发技能的开发者来说,是非常有价值的参考资料。通过研究这个项目...

    avalon+require前端框架DEMO

    **正文** 本示例项目是基于“avalon+require”前端框架的一个DEMO,它并非一个简单的演示,而是一个具备工业级应用潜力的项目种子...对于想要深入学习和应用这两款工具的开发者来说,这是一个非常有价值的参考资料。

    Modules03. Optimizer 模块化代码优化器.pdf_前端学习资料

    **RequireJS Optimizer**:这是一个针对使用RequireJS的项目的代码优化工具,它可以利用UglifyJS或Closure Compiler来合并和压缩JavaScript及CSS代码。UglifyJS需要Node.js环境,而Closure Compiler则依赖Java。 **...

    Modules02. JavaScript 模块化编程.pdf_前端学习资料

    2. **AMD(Asynchronous Module Definition)**:AMD由RequireJS提出,主要用于浏览器环境,支持异步加载模块,通过`define()`定义模块,`require()`加载模块。AMD适用于动态加载和并行下载。 3. **CMD(Common ...

    JS面向对象学习资料

    虽然JavaScript原生不支持模块化,但可以通过CommonJS(Node.js)、AMD(RequireJS)或ES6的`import`和`export`语法实现模块化。 9. **类(Class)**: ES6引入了类的概念,提供了一种更接近传统面向对象语言的...

    Modules04. Bower&Grunt.pdf_前端学习资料

    contrib-uglify`分别用于CSS和JavaScript的压缩,`grunt-contrib-jshint`执行代码质量检查,`grunt-contrib-htmlmin`压缩HTML,`grunt-contrib-requirejs`处理AMD模块,以及`grunt-contrib-connect`提供本地服务器等...

    jquery手册、库、学习材料

    3. 学习PDF:压缩包中的PDF文件可能包括jQuery基础教程、高级技巧和实践案例,是深入学习的良好资料。 四、实战应用 1. 用户界面交互:jQuery常用于提升用户体验,如响应式导航菜单、滚动动画、表单验证等。 2. ...

    参考资料-:模块造梦.zip

    《模块造梦》文档是关于软件开发中模块化思想的重要参考资料,它深入浅出地探讨了如何通过模块化设计来构建高效、可维护的代码结构。在这个数字化时代,软件开发已经成为创新与梦想实现的关键工具,而模块化设计则是...

    javascript代码和网页演示

    JavaScript是一种广泛应用于网页开发的脚本语言,它主要负责网页的动态交互,使得网页不再只是静态的HTML文本,而是能够响应...对于想要提升JavaScript技能或者准备进行网页开发的人来说,这是一份非常实用的学习资料。

    JavaScript教程源代码

    JavaScript教程源代码是针对初学者的一份宝贵学习资源,它涵盖了JavaScript编程语言的基础到进阶内容,特别是对于...因此,这份教程对任何想要在IT领域尤其是Web开发方向发展的人来说,都是一份非常有价值的学习资料。

    初学者之JAVAScript参考资料集

    - CommonJS(Node.js)和AMD(RequireJS)是早期的模块化解决方案。 11. **框架和库**: - React、Vue、Angular等是流行的前端框架,简化UI开发。 - jQuery是一个广泛使用的库,简化DOM操作和事件处理。 以上仅...

    DOJO权威指南+DOJO1.1源码

    这个资源集合包括了《DOJO权威指南》的中文版以及DOJO 1.1的源代码,为深入理解和应用DOJO框架提供了宝贵的资料。 1. **DOJO框架概述** DOJO是JavaScript开发的一个强大框架,它支持模块化编程,提供数据绑定、...

    JQuery开发手册

    这个“jQuery开发手册”包含两种显示风格的CHM(Microsoft编译的帮助文件)版本,为开发者提供了全面的参考和学习资料。 ### 1. jQuery基础 jQuery 的核心概念是选择器,它允许开发者通过CSS样式语法选取HTML元素...

    《前端架构:从入门到微前端》原图,image for Architecture of Frontend .zip

    8. **学习资源**:这个压缩包对于正在学习或已经工作在前端领域的开发者来说,是宝贵的参考资料,可以帮助他们更好地理解书中的抽象概念,加深对前端架构设计的理解。 9. **实践应用**:结合书中的理论知识与这些...

    史上最全的前端资源汇总

    本资源汇总旨在为前端学习者及从业者提供全面的学习资料和实用工具。它不仅囊括了前端开发的基础知识和技术要点,还涉及到了进阶技巧以及最新的行业动态。通过这份资料,用户能够获得从前端入门到高级技能提升所需的...

    原生js全套.zip

    另外,CommonJS(Node.js中使用)和AMD(RequireJS中使用)也是常见的模块化解决方案。 8. **数组方法**:JS提供了丰富的数组方法,如`map`、`filter`、`reduce`、`forEach`、`slice`等,它们能帮助我们高效地处理...

    javascript视频教程

    通过"7-妙味课堂原创JavaScript视频教程——面向对象(5课)课程资料",学习者将有机会深入了解和实践JavaScript的面向对象编程技巧,提升编程能力和解决问题的能力,为构建复杂和功能丰富的Web应用打下坚实基础。

    jQuery实战.pdf.rar

    学习这个“jQuery实战”资料,你将能够熟练掌握jQuery的核心概念和技巧,并在实际项目中灵活运用,提升前端开发效率。同时,提供的"拼吾爱 - 最新编程资源的分享下载站.url"可能是编程资源分享平台的链接,可以在...

Global site tag (gtag.js) - Google Analytics