requirejs 第一个实例

介绍:requirejs 是实现了模块化加载和按需加载的js库,防止了全局变量的污染。模块化

一、安装 require : 在require 中文网下载 http://www.requirejs.cn/,而后导入到项目。requirejs

二、页面引入requirejs :在页面中加入标签 <script data-main="js/main" src="js/require.js"></script> 其中data-main 制定的是入口的js,
也就是能够把你要写的代码所有写在main.js 里面。ui

三、使用require:在main.js中首先写入require配置以下:
require.config({
//baseUrl: 'js',
paths:{
"mui":"mui.min", //制定mui.js 的路径,后缀名能够省略
"mui-picker":"mui.picker.min"
},
shim:{
"mui-picker":{
deps:['mui'], //配置mui-picker对mui的依赖
exports:"mui-picker" //配置导出对象名
}
}
});
其中paths 为各个模块的路径,也就是所依赖的其余js的路径,默认是相对main的当前路径,能够在baseUrl中配置根路径。可经过shim对非AMD(模块化开发规范)的js库定义加载顺序,如本文中定义了mui-picker要依赖mui,因此要在mui加载以后加载。模块化开发

四、加载模块书写业务逻辑:require(["模块名称"],function($){//业务代码});对象

五、对比下引入requirejs先后代码:不使用时:blog

使用后:ip

相关文章
相关标签/搜索