require.js的作用

最新推荐文章于 2022-11-06 13:40:07 发布
最新推荐文章于 2022-11-06 13:40:07 发布
阅读量981 收藏
点赞数
分类专栏： H5 学习-总结-转载 Js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qlwangcong518/article/details/86604039
版权
学习-总结-转载 同时被 3 个专栏收录
136 篇文章 0 订阅
订阅专栏
H5
127 篇文章 2 订阅
订阅专栏
Js
111 篇文章 1 订阅
订阅专栏

 

require.js

 

RequireJS 是一个JavaScript模块加载器。它非常适合在浏览器中使用，但它也可以用在其他脚本环境，就像 Rhino and Node。使用RequireJS加载模块化脚本将提高代码的加载速度和质量。

浏览器的兼容情况如下:

IE 6+ .......... 兼容 ✔

Firefox 2+ ..... 兼容 ✔

Safari 3.2+ .... 兼容 ✔

Chrome 3+ ...... 兼容 ✔

Opera 10+ ...... 兼容 ✔

最新版本: 2.3.11

可以去官网下载--------->

目录

  1. 1 获取 REQUIREJS 1
  2. 2 添加 REQUIREJS
  3. 3 优化 3

开始使用 REQUIREJS

  • 获取 RequireJS

  • 添加 RequireJS

  • 优化

注意: 如果你使用 jQuery, 这里是针对 jQuery 的教程

获取 REQUIREJS 1

去 [1]  下载页面下载文件。

添加 REQUIREJS

编辑

注意: 关于 jQuery 集成的意见, 请看jQuery 集成页面

假定你的项目中 JavaScript 都放在一个 "scripts" 目录。 例如, 你的项目中有一个 project.html 页面和一些 scripts, 目录布局如下：

  • 项目目录/

    • util.js

    • main.js

    • helper/

    • project.html

    • scripts/

添加 require.js 到 scripts 目录, 如下:

  • 项目目录/

    • util.js

    • main.js

    • require.js

    • helper/

    • project.html

    • scripts/

为了充分利用的优化工具，建议您将所有的scripts放到的HTML外面, 然后只引用 require.js 来请求加载你其它的scripts:

1

2

3

4

5

6

7

8

9

10

11

<!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都是在这里加载的, 你可以指定 data-main script 使用异步加载.

1

2

3

4

5

6

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".

});

加载 helper/util.js 脚本. 想要充分利用 RequireJS, 请看API 文档去了解更多相关定义和模块的使用

优化 3

如果你最终决定在你在代码中使用, 可以使用优化结合 JavaScript 文件来减少加载时间. 在上面的例子中, 你可以结合 main.js 和 helper/util.js 加到一个文件中.

SSSkyCong
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
requirejs
易天海
08-06 799
 requirejs官网 ： https://requirejs.org/ 转载于 https://baike.baidu.com/item/requirejs/9527151?fr=aladdin RequireJS 是一个JavaScript模块加载器。它非常适合在浏览器中使用，但它也可以用在其他脚本环境，就像 Rhino and Node。使用RequireJS加载模块化脚本将提高代码的...
基于Require.js使用方法(总结)
10-19
下面小编就为大家带来一篇基于Require.js使用方法(总结)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
requirejs官网
date25000的博客
12-10 486
http://www.requirejs.cn/ 转载于:https://www.cnblogs.com/chenguiya/p/5037079.html
requireJs官方使用教程（转）
weixin_30883311的博客
01-26 247
原文地址：http://www.requirejs.cn § 1.使用 § 1.1加载 JavaScript 文件 RequireJS的目标是鼓励代码的模块化，它使用了不同于传统<script>标签的脚本加载步骤。可以用它来加速、优化代码，但其主要目的还是为了代码的模块化。 RequireJS以一个相对于baseUrl的地址来加载所有的代码。 页面顶层<script...
Require.Js简介
天马3798
12-07 616
RequireJS是一个Javascript模块加载器。他非常适合在浏览器中使用，但它也可以用在其他脚本环境，就像 Rhino and Node.使用RequireJS加载模块化脚本提高代码的加载速度和质量。 在单页应用中异步加载js代码时很需要。并且还可以用来定义模块 中文文档首页：http://www.requirejs.cn/home.html 下载页面：http://www.requ
requireJS教程（一）
qq_42967540的博客
08-07 926
requireJS下载：https://requirejs.org/ 版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。 本文链接：https://blog.csdn.net/c11073138/article/details/81043376 一、requireJS作用 1）实现js文件的异步加载，避免网页失去响应； 2）管理模块之间的依赖性，便于代码的编写和维护。实现代码模块化 什么是模块化？模块就是实现特定功能的一组方法。只要把不同的函数（以及记录
require.Sandbox:require.js 的沙箱模块
06-23
require.js 的沙箱模块 require.Sandbox 是一个沙盒模块，集成到，可用于安全加载模块。 这个想法是将它们包装到一个沙箱中，以确保错误不会使整个应用程序崩溃，但可以以编程方式处理。 沙盒错误 修补错误函数 ...
require.js
04-17
require.js2.3.5 /** vim: et:ts=4:sw=4:sts=4 * @license RequireJS 2.3.5 Copyright jQuery Foundation and other contributors. * Released under MIT license, ...
require.js教程
07-21
本书籍主要讲解了require.js如何使用，以及在使用过程中有哪些容易出问题的地方，适合工作中使用require.js开发的项目
docx.js使用初步
最新发布
m0_52108067的博客
11-06 3093
docx.js的初步运用
requirejs中文版参考文档.pdf
03-23
仅供参考，版权归requirejs中文网所有。
requireJs 教学视频，找了好久才找到
03-23
requireJs 教学视频，对于java人员必须会使用，找了好久才找到，对于企业当中必须会用到的
require.js入门
huangbaokang的博客
03-31 421
官方网站：https://requirejs.org html页面中引入require.js，使用data-main指定入口加载js <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> <s...
requireJS官网学习（1）
小鱼儿
06-24 626
1.加载 JavaScript 文件RequireJS的目标是鼓励代码的模块化，可以用它来加速、优化代码，但其主要目的还是为了代码的模块化。它鼓励在使用脚本时以module ID替代URL地址。 RequireJS以一个相对于baseUrl的地址来加载所有的代码。 页面顶层<script data-main="scripts/main.js" src="scripts/require.js"></
requirejs下载与配置
11-05 3409
写在开始： requirejs有中文版api文档，可以访问http://www.requirejs.cn/home.html 下载requirejs 访问http://www.requirejs.cn/docs/download.html下载require.js（可以下载原版或压缩版，压缩版体积小，原版未压缩，便于开发人员阅读） 这里下载到scripts目录 ...
requre.js作用
小小董的博客
04-28 422
作用：    1、实现js文件的异步加载，避免网页失去响应；    2、管理模块之间的依懒性，便于代码编写和维护。        &lt;script src="1.js"&gt;&lt;/script&gt;　　&lt;script src="2.js"&gt;&lt;/script&gt;　　&lt;script src="3.js"&gt;&lt;/scr
requirejs新手上手课
02-28
requirejs新手上手课，大佬慎拍

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值