Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 关于我们
  • 网站投稿
  • 赞助一下

关闭

搜索

在线工具_工作生活好帮手

打造各种简单、易用、便捷的在线工具,网友无需注册和下载安装即可使用

点击查看

资源分类

AI智能 酷站推荐 招聘/兼职 框架/库 模块/管理 移动端UI框架 Web-UI框架 Js插件 Jquery插件 CSS相关 IDE环境 在线工具 图形动效 游戏框架 node相关 调试/测试 在线学习 社区/论坛 博客/团队 前端素材 图标/图库 建站资源 设计/灵感 IT资讯
提交资源 / 链接反馈

requirejs
分享
复制链接
新浪微博
QQ 好友

扫一扫分享

网站地址: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

more>>
相关栏目
webpack
webpack 是一个模块打包器。它的主要目标是将 JavaScript 文件打包在一起
官网 GitHub
npm
javascript 最流行的包管理器
官网 GitHub
yarn
可替代NPM的快速、可靠、安全的可信赖包管理工具Yarn
官网 GitHub
bower
解决js的依赖管理
官网 GitHub
grunt
基于Node.js的项目构建工具。它可以自动运行你所设定的任务
官网 GitHub
Parcel
快速,零配置的 Web 应用程序打包器
官网 GitHub
babel
Babel 是一个 JavaScript 编译器,可用下一代JavaScript 语法写代码
官网 GitHub
browserify
一个浏览器端代码模块化工具,require和module.exports来导入和导出.Browserify的原理:部署时处理代码依赖,将模块打包为一个文件。
官网 GitHub
HEAD
一份你可以在 &lt;head&gt; 里设置的列表
官网 GitHub
Snibox
一个可自建托管的代码片段管理器
官网 GitHub
Flow
Facebook 推出一个静态类型检测工具
官网 GitHub
WeFlow
一个高效、强大、跨平台的前端开发工作流工具
官网 GitHub
Athena
前端自动化流程构建工具
官网 GitHub
Cooking
更易上手的前端构建工具
官网 GitHub
vue-cli
一个基于 Vue.js 进行快速开发的完整系统
官网 GitHub
Turborepo
一个用于 JavaScript 和 TypeScript monorepos 的高性能构建系统
官网 GitHub
首页 技术导航 在线工具 技术文章 教程资源 AI工具集 前端库/框架 实用工具箱

Copyright © 2018 Web前端开发网提供免费在线工具、编程学习资源(教程/框架/库),内容以学习参考为主。All Rights Reserved. 网站备案号:蜀ICP备13022973号

手机预览