requery.js使用姿势

最近在看requerjs,现在来总结下自己的收获,有不对的地方,望大家指正!

1.首先介绍下requirejs,引用中文官网http://www.requirejs.cn的一句话,requirejs是一个javascript模块加载器,使用requireJs加载模块化脚本将提高代码的加载速度和质量

2.如何使用它: 

<script data-main="引用的js" src='require.js'>

引用的js:

 require([],function() {
 console.log('1')
 })
 
3.require里可以有两个参数,
第一个参数是所依赖的模块,可以是一个,也可是多个,
如: ['a','b',‘c’]
第二个是回调函数,以形参的形式传入,在回调函数内部使用
require(['a','b'],function(aM,bM) {
aM.aFn();
bM.bFn();
})
 
a ,bjs的写法
define(function() {
'use strict'
function bFn() {
console.log('我的是b模块')
}
// 调用
return {
bFn
}
});
大致是这样的,通过return 调用
4.模块的加载
requirejs有config()的方法

require.config({

  baseUrl: "路径",

  paths: {

    "jquery": "jquery.min",

  }

});

require(['jquery'],function($){
  console.log($)
})
大致是这么使用的
由于requirejs加载的模块,必须按照AMD规范,用define函数定义的模块
所以加载非规范的模块就用使用到shim()来加载
 
原文地址:https://www.cnblogs.com/neilniu/p/9663169.html