JS模块化工具requirejs教程(一):初识requirejs

http://www.runoob.com/w3cnote/requirejs-tutorial-1.html

JS模块化工具requirejs教程(二):基本知识

http://www.runoob.com/w3cnote/requirejs-tutorial-2.html

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

http://www.ruanyifeng.com/blog/2012/11/require_js.html

require js define 函数

http://blog.csdn.net/u010130282/article/details/52329953

5. 完整定义

define('sample3' ,['sample','sample1'],function (sample,sample1) { var sample4 = require('sample4'); return function(){ alert(sample.name+':'+sample.sayhell()); } });

这就是完整定义,有名称,有依赖,有回调,内部还有common的形式引入依赖对象!

关于define函数的name和require函数的依赖名称之间的关系

  • define(name,[] , callback); 这个name可以省掉,默认是文件名称;当然也可以自定义,一旦我们定义了name,根据源代码我们可以发现define函数内部其实就是把这个name以及依赖模块、回调函数作为一个对象存储在全局的数组当中,也就是 defQueue.push([name,deps,callback]);那么这个name就是这个组件注册的的ID!

  • require([name , name2],callback); 系统首先会在全文检索path中是否对应的路径,如果没有自然把他作为路径拼接在baseUrl上去异步加载这个js文件,加载时从源代码中可以看到 ,var data = getScriptData(evt);返回的 data.id 其实就是name,然后执行contex.completeLoad(node.id),其内部就很清楚了,把define中注册的name和这里得到的name进行比较如果相等就执行。所以道理就是:require 和 define 的 name 必须保证一致!

Javascript模块化编程require.js的用法相关推荐

  1. JS模块化编程require.js简介

    一.为什么要用require.js? 最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了.后来,代码越来越多,一个文件不够了,必须分成多个文件,依次加载.下面的网页代 ...

  2. (转)Javascript模块化编程(一):模块的写法

    转自 ruanyifeng 系列目录: Javascript模块化编程(一):模块的写法 Javascript模块化编程(二):AMD规范 Javascript模块化编程(三):Require.js的 ...

  3. Javascript模块化编程:AMD规范

    一.模块的规范 先想一想,为什么模块很重要? 因为有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块. 但是,这样做有一个前提,那就是大家必须以同样的方式编写模块,否则你有你的写 ...

  4. JavaScript 模块化编程(二):AMD规范

    这个系列的第一部分介绍了Javascript模块的基本写法,今天介绍如何规范地使用模块. (接上文) 七.模块的规范 先想一想,为什么模块很重要? 因为有了模块,我们就可以更方便地使用别人的代码,想要 ...

  5. Javascript模块化编程,requireJs

    Javascript模块化编程(一):模块的写法 Javascript模块化编程(二):AMD规范 Javascript模块化编程(三):require.js的用法 (三)require.js 一.r ...

  6. Javascript模块化编程(二):AMD规范

    Javascript模块化编程(二):AMD规范 七.模块的规范 先想一想,为什么模块很重要? 因为有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块. 但是,这样做有一个前提, ...

  7. Web前端进阶之JavaScript模块化编程知识

    JavaScript是前端三要素之一,也是很多初学Web前端的人遭遇的第一条拦路虎.很多同学表示JavaScript涵盖的知识点太多太复杂.应用也是五花八门完全摸不着头脑.但只要我们一点一点由基础到进 ...

  8. JavaScript模块化编程知识分享!

    JavaScript是前端三要素之一,也是很多初学Web前端的人遭遇的第一条拦路虎.很多同学表示JavaScript涵盖的知识点太多太复杂.应用也是五花八门完全摸不着头脑.但只要我们一点一点由基础到进 ...

  9. 学习阮一峰Javascript模块化编程,requireJS使用

    使用背景NOW: 网站功能逐渐丰富,网页中的js也变得越来越复杂和臃肿,原有通过script标签来导入一个个的js文件这种方式已经不能满足现在互联网开发模式. 项目需要一个团队分工协作.进度管理.单元 ...

最新文章

  1. Dubbo源码解析之服务路由策略
  2. 在启动activity之前,调用application的oncreate
  3. 动态查询设置mysql慢查询
  4. python画图程序-无所不能的python编程是怎么快速画图的呢?5分钟学会!
  5. ExtJs组件之间的相互访问,访问机制
  6. linux cp复制软连接
  7. chengxuyuan
  8. 京东商品知识图谱,约10万商品品牌,约65万品牌销售关系
  9. 【蓝桥杯】蓝桥杯日期类问题总结
  10. 全球四大互联网公司最大的敌人是谁
  11. 电信基站大区对应表_铁塔基站直流电能表 直流计量表
  12. 算命小程序公历农历阴历阳历切换选择组件
  13. golang的图片操作:缩放图片+合成图片
  14. android 软件 打开方式有哪些,apk是什么文件 apk文件打开方法详解
  15. 转载:java 7新特性-TWR(Try-with-resources)
  16. 抖音上热门规则优化及矩阵爆粉秘籍
  17. pdf文档转化为doc文档 (转载)
  18. 卫士处刑者冠军css3边,流放之路3.6强势BD排名_3.6版本之子介绍_3DM网游
  19. 云计算机证书什么难度,云技术什么认证最有权威 云计算职业路上必备的十大证书...
  20. 编程会像手机拍照一样傻瓜

热门文章

  1. fatal: unable to access ‘‘: TCP connection reset by peer
  2. 刷脸支付弊端举例_刷脸支付的优势和弊端,你都知道?
  3. 高中计算机应用基础试讲,试讲计算机应用基础.ppt
  4. 神策数据王琛:用户画像实践之神策标签生产引擎架构
  5. 神策数据成林松:数据智能在业务场景下的应用(附 PPT 下载)
  6. 神策数据薛创宇:数据分析与场景实践之“坑位运营”
  7. 三家逐鹿,私有化部署能帮神策数据杀出重围么?| 公司调研
  8. [转].Net实现本地化简易教程
  9. Java基础-面向对象第二特征之继承(Inheritance)
  10. Bzoj 2453: 维护队列 Bzoj 2120: 数颜色 分块,bitset