requirejs_JavaScript的一个文件和模块加载器

Web前端开发网

fly63.com

首页资源工具文章教程栏目

requirejs

网站地址:http://requirejs.org/

GitHub:https://github.com/requirejs/requirejs

网站描述:JavaScript的一个文件和模块加载器

访问官网

GitHub

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".
});

仅供个人学习参考/导航指引使用，具体请以第三方网站说明为准，本站不提供任何专业建议。如果地址失效或描述有误，请联系站长反馈～感谢您的理解与支持！

链接: https://fly63.com/nav/26