先创建5个js文件,放在js文件夹下,分别是:

1.js

define(function(){

return a=1;

});

2.js

define(function(){

return a=2;

});

3.js(此处调用模块的时候并不用写js/1.js,因为默认后缀是js;这里要传参数require)

define(['js/1'],function(require){

return require+16;

});

4.js(这里要传参数require)

define(function(require){

var a=require('js/1');

var b=require('js/2');

return a+b;

});

5.js(此处this指的就是5.js)

define(function(){

return{

a:'kang',

b:function(){return 'vi'+this.a}

}

});

然后是html文件,如下:

(注意要引入requirejs;其中mod1、mod2等是形参,与前面[]中参数对应即可)

十七 - http://www.jianshu.com/users/626b6b7f6b78/latest_articles

require(['js/1','js/2','js/3','js/5','js/4'],function(mod1,mod2,mod3,mod5,mod4){

alert(mod1); //2

alert(mod1+mod2); //3

alert(mod3) //17

alert(mod4) //3

alert(mod5.b()); //vikang

});

requirejs模块化html,requirejs模块化-入门相关推荐

  1. JavaScript 从入门到放弃(二)模块化工具requirejs

    入门教程: 1.JS模块化工具requirejs教程(一):初识requirejs 2.JS模块化工具requirejs教程(二):基本知识 描述 这几天在使用github最活跃的基于bootstra ...

  2. JS模块化工具requirejs教程

    RequireJS是一个非常小巧的JavaScript模块载入框架,是AMD规范最好的实现者之一.最新版本的RequireJS压缩后只有14K,堪称非常轻量.它还同时可以和其他的框架协同工作,使用Re ...

  3. RequireJS代码文件依赖管理 - 入门篇

    使用RequireJS库,进行代码文件依赖管理 一.关键字 存在依赖.手动线性方式管理文件之间的依赖.潜在关联性 二.了解 require.js 库 简单介绍: require.js 是一款JavaS ...

  4. js模块化html,js模块化框架

    javascript模块化是什么及其优缺点介绍 如今backbone.emberjs.spinejs.batmanjs 等MVC框架侵袭而来.CommonJS.AMD.NodeJS.RequireJS ...

  5. linux模块化机制,Linux模块化机制和module_init

    > 引子:模块化机制优点 模块化机制(module)是Linux系统的一大创新,是Linux驱动开发和运行的基础(当然,module并不仅仅是支撑驱动).其优点在于: 1.在系统运行动态加载模块 ...

  6. 模块化服务器供电系统,供电系统的模块化设计与模块化UPS详解.PDF

    供电系统的模块化设计与模块化UPS 张广明 中国电源协会副理事长 摘 要 系统模块化是数据中心基础设施设计的重要理念和基本策略,数据中心设计建造中的很多问题都与系统模 块化程度有关.模块化以及与之关系 ...

  7. 编程思想-模块化-模块化设计:模块化设计

    ylbtech-编程思想-模块化-模块化设计:模块化设计 模块化设计,简单地说就是程序的编写不是开始就逐条录入计算机语句和指令,而是首先用主程序.子程序.子过程等框架把软件的主要结构和流程描述出来,并 ...

  8. 前端开发——模块化(css模块化开发)

    掌握模块化开发的思想是我们进行模块化开发的基础.他有以下几部分组成: 1.css模块化 2.html模块化 3.js模块化 模块化开发的优势 1.更好的组织和维护代码 2.按需加载 3.避免命名冲突 ...

  9. 编程思想-模块化-模块化程序设计:模块化程序设计

    ylbtech-编程思想-模块化-模块化程序设计:模块化程序设计 模块化程序设计是指在进行程序设计时将一个大程序按照功能划分为若干小程序模块,每个小程序模块完成一个确定的功能,并在这些模块之间建立必要 ...

最新文章

  1. POJ-2391 Ombrophobic Bovines 网络流-拆点构图
  2. influxdb java_身为Java程序员想拿高薪?这份分布式的pdf你一定不能错过
  3. vb 如何检测打印机是否联机_打印机提示该文档未能打印导致打印失败的原因及解决方法...
  4. Java的20年:重大事件的时间表
  5. erp开发模式_ERP的完整形式是什么?
  6. LeetCode 1347. 制造字母异位词的最小步骤数
  7. 小米手环4 NFC版将全渠道开售:垃圾分类超智能
  8. python读取日志错误信息_使用Python将Exception异常错误堆栈信息写入日志文件
  9. linux查看spare盘的数量,戴尔Dell服务器使用OMSA软件omreport查看硬件信息|磁盘阵列健康监控...
  10. Sql Server 指定列的乘积
  11. Xshell中文乱码怎么处理?
  12. Win10系统下使用Setuna截图自动放大解决办法
  13. CAD图纸、影像地形、倾斜摄影、矢量数据统统搬入图新地球,一键浏览分析
  14. 关于LibFetion(小飞信)被禁止登陆的思考
  15. 网络口碑推广主要目的全知道
  16. windows开启网络共享
  17. 英语中定语和状语的区别
  18. 第三章 学习CC3200的ADC
  19. 友价实现一键Nofollow(数据库替换)
  20. vue2中h(“router-view“) vue3如何写?

热门文章

  1. 面试必备:6个你必须熟练掌握的机器学习算法
  2. Python RPi GPIO编程控制
  3. PLY库-实现最简单的sql语法的数据库
  4. 文档相似度之doc2vec、文档聚类
  5. Mongodb的索引操作
  6. 汇编语言实验七 学习小甲鱼实验代码
  7. Ret2Libc(1) (有system、/bin/sh)绕过NX、ASLR
  8. iOS面试准备之思维导图
  9. Centos7安装DockerCE
  10. 网页制作-表单元素2