requirejs
- >
- 话题 >
RequireJS 是一个异常小巧的JavaScript模块载入框架,是AMD规范最好的实现者之一 。它异常适合在浏览器中使用，但它也可以用在其他剧本环境，就像 Rhino and Node。使用RequireJS加载模块化剧本...
RequireJS 是一个异常小巧的JavaScript模块载入框架,是AMD规范最好的实现者之一 。它异常适合在浏览器中使用，但它也可以用在其他剧本环境，就像 Rhino and Node。使用RequireJS加载模块化剧本将提高代码的加载速率和质量。
RequireJs优势：
1、实现js文件的异步加载，制止网页失去响应；
2、治理模块之间的依赖性，便于代码的编写和维护。
3、基于AMD模块化机制，让前端代码也能实现模块化。
RequireJs使用
例如, 你的项目中有一个 project.html 页面和一些 scripts, 目录结构如下：
项目目录/
- project.html
- scripts/
- main.js
- require.js
- helper/
- util.js
为了充分利用的优化工具，建议您将所有的scripts放到的HTML外面, 然后只引用 require.js 来请求加载你其它的scripts:
<!DOCTYPE html>
<html>
<head>
<title>My Sample Project</title>
<!-- data-main attribute tells require.js to load
scripts/main.js after require.js loads. -->
<script data-main="scripts/main" src="scripts/require.js"></script>
</head>
<body>
<h1>My Sample Project</h1>
</body>
</html>
在 main.js, 你可以使用 require() 来加载所有你需要运行的scripts. 这可以确保你所有的scripts都是在这里加载的
require(["helper/util"], function(util) {
//This function is called when scripts/helper/util.js is loaded.
//If util.js calls define(), then this function is not fired until
//util's dependencies have loaded, and the util argument will hold
//the module value for "helper/util".
});
思源资源网：分类流动
1.阿里云: 本站现在使用的是阿里云主机，平安/可靠/稳固。点击领取2000米代金券、领会最新阿里云产物的种种优惠流动点击进入
2.腾讯云: 提供云服务器、云数据库、云存储、视频与CDN、域名等服务。腾讯云各种产物的最新流动，优惠券领取点击进入
3.广告同盟: 整理了现在主流的广告同盟平台，若是你有流量，可以作为参考选择适合你的平台点击进入
链接: http://www.fly63.com/nav/26
- 发表于 2021-04-03 11:58
- 阅读 ( 255 )
- 分类：互联网
0 条评论
请先 登录 后评论
