requirejs加载机制

require加载模块

define定义模块

加载文件方式

require加载模块，两个参数，第一个为依赖的模块名，第二个为模块的实现

define定义模块。模块名不写默认为路径，模块依赖为数组，模块实现的参数和模块依赖一一对应。

1111111

加载文件1

111111

11111

requirejs

1.异步加载文件

2.模块化开发：一个文件加载一个模块，减少全局变量

define：定义模块

require：加载模块

baseUrl：requirejs相对baseUrl地址加载所有代码

requirejs加载机制：使用head.appendChild()将每个依赖加载为一个script标签（可以跨越加载），加载同时执行了js代码

RequireJS的加载机制

使用head.appendChild()将每一个依赖加载为一个script标签（可以跨域加载）

加载即执行，加载的同时执行了js里的方法

RequireJS加载文件

Require加载模块

使用RequireJs进行模块化开发

Define定义模块

为什么使用require.js

1. 异步加载文件

2. 模块化开发：a.一个文件一个模块  b.减少全局变量

如何使用：

    1.define定义模块，require加载模块

    2.加载文件：

       a. 在html页面的script引用中，使用data-main属性配置“加载模块”文件路径

       b. require加载模块前面先使用requirejs.config({ baseUrl: '/js'  }); 配置baseUrl，在html的script中使用src=“/js/加载模块的文件”。

加载文件

baseUrl（根目录）为：

1. 手动配置的baseUrl；

2. data-main引入js的所在目录；

3. html文件所在目录；

requrie方法demo

define方法demo

function参数与依赖模块一一对应

两个最主要的方法

define: 定义模块

require: 加载模块

requireJS加载机制

requireJS是跨域访问的

data-main

配置baseUrl 

设置baseUrl

require加载模块

Define定义模块

加载文件

加载机制