requireJs是一个非常小巧的javaScript模块载入框架,是AMD规范最好的实行者之一。
优点:1.防止JS加载阻塞页面渲染 2.使用程序调用的方式加载js文件,防止出现一堆script标签。
API:
1.defind:定义一个模块 defind([],fn()) 它有两个参数,第一个是数组,就是它所依赖的模块,第二个是函数
2.require:主模块 require(['./hello'],fn(hello)) 同样它也有两个参数,第一个是数组,它的参数是其他模块的路径,后面不要挂.js。也是主模块所需要依赖的其他模块,第二个是函数 它的参数就是接受
其他模块所抛出来的东西(可能是变量、对象、函数等等)。这里要注意严格执行参数顺序与引入模块的顺序相同,并且如果有未抛出任何东西的模块一定放在最后。
使用方式:
1.首先在script标签的src属性引入require。
2.然后再给此标签添加一个data-main属性,用来引入主入口文件(这个属性就是定义入口文件)
3.在入口文件引入依赖的模块时,可以通过require.config来配置一下模块路径。在主模块配置完后,全局生效。不仅在主模块可以使用,其他模块也可以直接写配置名就行了,就不用写它的路径了
require.config({
paths:{
'modul':'./modul'
}
})
require(['modul'],function (hello){
hello()
})
二.下面写一个盒子的拖拽