requirejs

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()
})
二.下面写一个盒子的拖拽
posted @ 2020-12-10 20:48  帅了又帅的大猛  阅读(587)  评论(0编辑  收藏  举报