模块化开发RequireJS之路径解析
2018-06-24 00:58:34来源：未知 阅读 ()
1、requirejs遵循AMD规范，将需要的都加载好（前置加载）。注：cmd是就近加载。
define(['jQuery','dialog'],function($,d){
// 业务逻辑
})
（1）AMD采用异步加载，模块的加载不影响它后面语句的执行。
（2）所有依赖这个模块的语句，都定义在一个回调函数中，等前面需要加载的模块加载完成后这个回调函数才运行，解决了依赖性的问题。
2、requirejs路径解析
代码结构为：
示例代码：
index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
</head>
<body>
<!--data-main 是入口文件js/main.js js/main都行-->
<script src="js/require.js" type="text/javascript" charset="utf-8" data-main="js/main"></script>
</body>
</html>
main.js为
//配置文件
requirejs.config({
baseUrl:'js/',//默认是main.js所在的文件夹为基准。
paths:{
jquery:'jquery-1.12.4.min'//起个别名
}
});
//加载入口模块
requirejs(['index']);//从基准路径js下开始查找，谨记不能写为index.js
baseUrl指定了一个目录，然后requirejs基于这个目录来寻找依赖的模块。
baseUrl默认为main.js的路径
baseUrl+paths配置路径，如上面的main.js的代码：
jquery的路径为：js/jquery-1.12.4.min
baseURl设置方式有三种：
（1）用requirejs.config显示指定baseUrl；
（2）如果指定了Entry Point(data-main)文件,则baseUrl为Entry Point所在目录；
（3）如果上述均未指定，则baseUrl为运行RequireJS的HTML文件所在目录。
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
- jQuery插件开发全解析 2020-03-25
- JS简单去除数组中重复项的方法 2020-03-16
- vue.js开发环境搭建教程 2020-03-16
- 微信小程序开发图片拖拽实例详解 2020-03-16
- JS之相等操作符详解 2020-03-12
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
