- 综合排序
- 最热优先
- 最新优先
- 来自专栏Super 前端
requireJS
requireJS（http://www.requirejs.cn/）是一个JavaScript模块加载器。 它非常适合在浏览器中使用，使用RequireJS加载模块化脚本将提高代码的加载速度和质量。 一、CommonJS和AMD 在介绍requireJS之前，要先说一下模块规范。 二、为什么使用requireJS 传统依次加载多个js文件。 三、requireJS实现机制 RequireJS使用head.appendChild()将每一个依赖加载为一个script标签。 由于requireJS默认的文件后缀名是js，所以可以把main.js简写成main。
2K73发布于 2019-08-15 - 来自专栏xingoo, 一个梦想做发明家的程序员
RequireJS实例分析
由于JS代码庞大，文件数目多，传统的使用<script src=""></script>会带来很多性能的问题，因此requirejs可以为我们提供两种解决思路： 1 模块化组织JS 2 异步加载 index.html |-------lib/ |-------a.js、b.js |-------orthers/ |-------c.js 文件功能 require.js: 其中requirejs 的核心代码就是require.js文件，可以从官方网站上下载： config.js: 用于配置requirejs的相关内容，可以设置文件目录，加载模块命名匹配，以及一些依赖关系等等。 > <script data-main="config" src="require.js"></script> </html> <body>
This is test for RequireJS 参考 【1】阮一峰requirejs：http://www.ruanyifeng.com/blog/2012/11/require_js.html 【2】requirejs中文文档：http://www.requirejs.cn
2.1K50发布于 2018-01-17 - 来自专栏kyle的专栏
requireJS入门
一：什么是requireJS RequireJS 是一个JavaScript模块加载器。它非常适合在浏览器中使用，但它也可以用在其他脚本环境, 就像 Rhino and Node. 使用RequireJS加载模块化脚本将提高代码的加载速度和质量。 二：关于requireJS的一些学习网址 https://requirejs.org/(官方文档) http://www.requirejs.cn(中文文档) 三：如何使用requireJS 1.使用requireJS以前，我们需要在页面引入require.js文件,require.js文件需要在官网上下载 ? 引入require.js示例 2.requireJS中使用有3个变量：require，requirejs，define require和requirejs是等价的用于引入模块，define
1.8K10发布于 2020-08-24 - 来自专栏Web开发之路
RequireJS
最新版本的RequireJS压缩后只有14K，堪称非常轻量。它还同时可以和其他的框架协同工作，使用RequireJS必将使您的前端代码质量得以提升。 requirejs能带来什么好处 官方对requirejs的描述： RequireJS is a JavaScript file and module loader. 这段话描述了requirejs的基本功能"模块化加载"，什么是模块化加载？ 我们要从之后的篇幅中一一解释 先来看一段常见的场景，通过示例讲解如何运用requirejs 正常编写方式 index.html <! require写法 当然首先要到requirejs的网站去下载js -> requirejs.org index.html <!
61110编辑于 2023-10-20 - 来自专栏进击的君君的前端之路
AMD、CMD、RequireJS
有哪些应用 1、CMD规范 CMD 即Common Module Definition通用模块定义，CMD规范是国内发展出来的，就像AMD有个requireJS，CMD有个浏览器的实现SeaJS，SeaJS 要解决的问题和requireJS一样，只不过在模块定义方式和模块加载（可以说运行、解析）时机上有所不同。 它是一个在浏览器端模块化开发的规范;由于不是JavaScript原生支持，使用AMD规范进行页面开发需要用到对应的库函数，也就是大名鼎鼎RequireJS，实际上AMD 是 RequireJS 在推广过程中对模块定义的规范化的产出 requireJS主要解决两个问题 : 多个js文件可能有依赖关系，被依赖的文件需要早于依赖它的文件加载到浏览器 js加载的时候浏览器会停止页面渲染，加载文件越多，页面失去响应时间越长 // 定义模块 image.png 使用AMD规范实现模块加载，使用RequireJS打包 代码 效果展示
1.5K30发布于 2018-06-27 - 来自专栏xingoo, 一个梦想做发明家的程序员
RequireJS源码初探
RequireJS的初探 看源码从头开始看，肯定是不切实际的。按照叶小钗的方法，是从data-main开始的，所以我们也从那里开始把！ 首先，页面会有一段js标签，会去加载requirejs: <script data-main="test.js" src="lib/require.js"></script> Requirejs中，代码是一个自执行的方法 ： var requirejs,require,define; (function(global){ })(this); 源码中，主要是定义了三个全局的变量——requirejs,require RequireJS主体方法 //定义环境变量 //定义各种方法 //检查requirejs,require,define //核心部分 function newContext newContext() RequireJS最精彩的部分，就在这个方法里面了！
1.1K90发布于 2018-01-17 - 来自专栏张志敏的技术专栏
使用 RequireJS 加载 AngularJS
使用 RequireJS 加载 AngularJS AngularJS 目前的版本没有遵循 Javascript 约定的 AMD 模块化规范， 因此使用 RequireJS 加载 AngularJS 时需要一些额外的配置 通过查阅 RequireJS 的文档， RequireJS 通过配置可以支持支持动态加载没有遵循 AMD 规范的脚本， 接下来就看一下怎么配置： 先在页面引入 RequireJS 脚本， 这个很简单， script type="text/javascript" src="scripts/lib/require/require.js" data-main="scripts/main"></script> RequireJS 会自动加载脚本 scripts/main.js ， 在 main.js 文件里面进行配置， 来动态加载 AngularJS ， 文件内容以及说明如下： requirejs.config({ / 设置 angular 的其它模块依赖 angular 核心模块 'angular-route': { deps: ['angular'] } } }); 完整的配置请看这里： RequireJS
1.7K10发布于 2020-08-10 - 来自专栏一个会写诗的程序员的博客
RequireJS 入门指南简介RequireJS?data-main属性配置函数用RequireJS定义模块使用require函数
最近我参与的每个项目，都用到了RequireJS，或者是我向它们推荐了增加RequireJS。在这篇文章中，我将描述RequireJS是什么，以及它的一些基础场景。 这也是关于RequireJS我们想说的东西。 RequireJS? RequireJS API 存在于RequireJS载入时创建的命名空间requirejs下。其主要API主要是下面三个函数: define– 该函数用户创建模块。 同样它是一个全局函数，不需要使用requirejs命名空间. config– 该函数用于配置RequireJS. data-main属性 当你下载RequireJS之后，你要做的第一件事情就是理解RequireJS是怎么开始工作的。
1.8K20发布于 2018-08-20 - 来自专栏一个会写诗的程序员的博客
RequireJS极简入门教程RequireJS核心功能：HOW TOmain.js使用 shim
RequireJS is a JavaScript file and module loader. requirejs RequireJS是一个非常小巧的JavaScript模块载入框架，是AMD规范最好的实现者之一。RequireJS压缩后只有14K，轻量。它还同时可以和其他的框架协同工作。 它一般用来对requirejs进行配置，并且载入真正的程序模块。 它一般用来对requirejs进行配置，并且载入真正的程序模块。 requirejs一共提供了两个全局变量： requirejs/require: 用来配置requirejs及载入入口模块。
2K30发布于 2018-08-20 - 来自专栏李成熙heyli
requirejs 源码简析
requirejs 算是几年前一个比较经典的模块加载方案(AMD的代表)。 整体结构 requirejs 首先定义了一些基本的全局变量（在requirejs自执行函数里的全局），比方说版本号，对运行环境的判断、特殊浏览器(Opera)的判断等。 return; } if (typeof requirejs ! return; } cfg = requirejs; requirejs = undefined; } //Allow for a require config object 点评 不过 requirejs 的缺陷还是很明显的。如果纯粹使用 requirejs 这种 AMD 的异步加载，一旦依赖非常多，就会导致加载速度很慢。
1.8K101发布于 2018-01-05 - 来自专栏smy
对比requirejs更好的理解seajs
seajs遵循CMD规范，requirejs遵循AMD规范。AMD规范是预加载，CMD规范是赖加载。 /a.js') </script> </body> </html> // requirejs <! DOCTYPE html> <html> <head> <title>requirejs</title> <script type="text/javascript" src=". 控制台无输出 <em>requirejs</em>： image.png 控制台： ? ('b') }) <em>requirejs</em>: image.png 控制台：b is loaded seajs: ?
1.5K50发布于 2018-04-03 - 来自专栏杰的记事本
Javascript文件加载 ——LABjs和RequireJS
外部函数库LABjs和RequireJS，可以帮助我们更有效地管理Javascript加载。 下面根据ScriptJunkie的文章，举一个最简单的例子，来说明这两个函数库的基本用法。 接下来是requireJS的改写： <script src=”require.js”></script> <script type=”text/javascript”> require(
1.3K20发布于 2019-09-04 - 来自专栏Puppeteer学习
基于requirejs和angular搭建spa应用1、常规实现2、引入Requirejs
contact是没必要加载的，但是按照我们传统的模式，所有脚本都完成了加载，这首先增加了http请求次数，脚本过多的加载解析也影响浏览器的渲染，用户体验并不友好，基于此，我们有几种方式来实现，1、基于requirejs 本文就以requirejs来实现一下业务模块的按需加载，在此之前首先引入requirejs。 2、引入Requirejs RequireJS 是一个JavaScript模块加载器。 使用RequireJS加载模块化脚本将提高代码的加载速度和质量，实现的是AMD规范，当然类似的还有CMD规范的实现框架seajs。 Requirejs中，简单的说一个文件一个模块，即是单文件模块，所以对模块的加载其实本质上是对文件的加载。 假设读者已经了解requirejs的基本使用方式。 controller的注册方式，其中说到了动态注册，当然除了controller之外，还有service、directive等都可以实现动态注册，这也是我们实现按需加载的基础，现在对我们的项目做一下修改，增加requirejs
1.9K30发布于 2018-06-13 - 来自专栏Node.js开发
requirejs与seajs的异同
前端js实现模块化的历史进程中有两个库不得不提，那就是seajs和requirejs，这两个库分别对应CMD和AMD规则，这里咱们先不讨论AMD和CMD的异同，先看看用seajs和requirejs分别来实现一个计算器的功能怎么来实现 四则运算的函数和初始化的函数可以作为模块抽离出来，不论是seajs实现还是requirejs实现都需要一个主文件，seajs实现效果如下：index.html ? 用requirejs来实现计算器功能也很简单，写法不同而已，首先看index.html ? main.js代码： ? calculate模块内容如下： ? 很多人说requireJS是异步加载模块，SeaJS是同步加载模块，这么理解实际上是不准确的，其实加载模块都是异步的，只不过AMD依赖前置，js可以方便知道依赖模块是谁，立即加载，而CMD就近依赖，需要使用把模块变为字符串解析一遍才知道依赖了那些模块
1.4K50发布于 2019-08-06 RequireJS 中的define，require区别
但是请注意，这种用法在RequireJS中是不推荐的，因为它会阻塞代码的执行直到模块加载完成。 详细示例 当使用RequireJS库时，你需要确保你的HTML页面包含了RequireJS的脚本引用，并且你的JavaScript模块都是按照AMD规范定义的。 以下是一个使用RequireJS加载AMD模块的实际示例： 首先，你需要创建两个AMD模块文件。 -- 引入RequireJS库 --> <script src="https://<em>requirejs</em>.org/docs/release/2.3.6/minified/require.js"> 由于appModule依赖于mathModule，RequireJS会先加载mathModule，然后再加载appModule。
39800编辑于 2025-04-05- 来自专栏阮一峰的网络日志
Javascript文件加载：LABjs和RequireJS
外部函数库LABjs和RequireJS，可以帮助我们更有效地管理Javascript加载。 下面根据ScriptJunkie的文章，举一个最简单的例子，来说明这两个函数库的基本用法。 接下来是requireJS的改写： <script src="require.js"></script> <script type="text/javascript"> require
1.7K40发布于 2018-04-12 - 来自专栏lonelydawn的前端猿区
requireJs的使用,以canvas绘制星空为例
RequireJS是符合AMD规范（Asynchronous module definition异步模块加载）一种js加载方式，目的是为了防止加载js的时候阻塞html页面渲染，其使用非常简单。 首先要去下载一个require.js，网址：http://requirejs.org/docs/download.html 在html文件中引入require.js： <script type="text
1.4K90发布于 2018-02-09 - 来自专栏cnblogs
vue、rollup、sass、requirejs组成的vueManager
rollup打包的模式更丰富，打包后的文件结构也更为清晰 rollup可以按需排除一些第三方引入库，这让我做requirejs按需加载时控制第三方库的版本更为有效。 按需加载 按需加载库我选择requirejs的理由如下： 按需加载的库很多，如seajs、mod.js等，选择requirejs由于我比较熟悉他。 此类组件的加载是由requirejs获取文件和组合实现（此方法在app.js中实现）。 app.js 此类为requirejs和vue结合的核心文件，主要提供了如下方法： createVue: vue实例的创建（注入vuex、vue-router等和三方组件）。 其他 lib文件夹存储的为requirejs需要引入的第三方库，这里就包含vue、vue-route、vuex、requirejs、text.js、css.js等。
2.2K60发布于 2018-01-17 - 来自专栏编程技术向北，人生删除指南
使用requirejs编写模块化代码
而requirejs的诞生便是为了解决这个问题。 requirejs 在官网把requirejs 下载回来之后。 关于require.config的详细内容可以看下下面这些文章： RequireJS进阶:配置文件的学习 RequireJS进阶:模块的优化及配置的详解 配置做完了，我们也可以开始真正写我们的逻辑代码了
1.3K50发布于 2018-06-19 - 来自专栏前端儿
RequireJS 模块化加载框架使用
RequireJS 是一个遵循 AMD 规范的模块化加载框架 与上文seajs一样，这里简单介绍其相关用法 同样的，首先是下载好 require.js --> http://requirejs.org/ docs/download.html#requirejs AMD规范是预加载，也就是说会马上将所有模块全加载。 上面提到了requirejs也更新了遵循CMD规范的策略，但表面上遵循了，本质上还是AMD的 为什么这么说呢？ 引自： 所以要用requirejs就老老实实使用AMD的，如果想使用CMD的方式，就用seajs吧
95610发布于 2018-09-03
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号