requirejs--初步使用（基本使用）

基本使用

github仓库requirejs

为什么使用requirejs

• 异步加载文件

image.png

• 模块化开发
  • 一个文件一个模块
  • 减少全局变量
  • define: 定义模块
  • require:加载模块

image.png

返回结果可以是任何值：如：函数、字符串、对象

notice:在最佳的实践当中是不写模块名的，可以使用构建工具来自动为它命名模块名，而且有利于后期的打包。

image.png

加载文件

• requirejs以一个相对于baseurl的地址来加载所有的代码

image.png

data-main

baseUrl(app.js)
requirejs.config({ baseUrl:'/js'})

image.png

加载机制

• requirejs使用head.appendChild()将每一个依赖加载为一个script标签

image.png

意味着我们的模块加载是可以跨域访问的，也可以从cdn去获取js文件

• 加载即执行

模块下载执行的时候，模块里面的实现也就会执行