搜索 - 腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

来自专栏繁依Fanyi 的专栏
Require.js 详解
Require.js 的作用模块加载：Require.js 允许开发者定义模块及其依赖关系，并确保这些依赖关系在模块运行前被正确加载。 Require.js 的安装与使用 1. 安装 Require.js 你可以通过以下两种方式之一来安装 Require.js：下载 Require.js：从 Require.js 官网下载 require.js 文件，然后将其包含在项目中。配置 Require.js 在 HTML 文件中引入 require.js，并进行基本配置： <! ="js/<em>require.js</em>"></script> </head> <body>
Hello, Require.js!
80510编辑于 2024-08-05
来自专栏河湾欢儿的专栏
Require.js
通过require.js 可以对javascript文件进行别样引用 Require.js的使用：第一步：只需在html页面中引用require.js 就够了第二步：在引用require.js 的时候，要设置async属性为ture 确保不会阻塞页面第三步：单写一个js文件，用于引用相关的javascripnt文件，这个文件可以随便命名，一般叫main.js 第四步：在引用require.js 时，通过data-main属性指定main.js ***模块化**** 原本我们在引用require.js，指定main.js后，可以直接在main.js中书写我们的javascript代码。模块化：把我们需要的功能和属性定义成一个js文件，通过引用这个js文件就能使用其功能和属性使用require.js 实现的模块化满足 AMD 标准 → Asynchronous Module Define
4.8K20发布于 2018-09-06
来自专栏web前端基地
Require.Js 前端模块化
前端模块化 (Require.js) ? 为什么要用前端模块化早期，js代码量小, 所有Javascript代码可以都写在一个文件里面，只要加载一个js文件就够了。所以，require.js诞生了官网网址：http://requirejs.org/ /* --- RequireJS is a JavaScript file and module loader. 通用模块定义 sea.js 依赖延迟：在需要的时候才去加载依赖项模块化的实现（require.js）下载后，把它放在目录下面，就可以加载了　<script src="js/<em>require.js</em> "></script> 定义模块在require.js中，每个模块也是分成单独的文件保存的每一个模块中都有自己单独的作用域！标签的属性这个属性可以用来指定一个文件，加载文件的路径会以这路径为基础，指定的文件会在require.js加载完毕之后，通过异步的方式加载，并且执行里面的代码, <script src="<em>require.js</em>
4.3K40发布于 2019-08-02
来自专栏POSCREDIT
require.js 循环依赖介绍
在a执行到require('b')的地方时会停下来去调用b,当去执行b，执行到一半发现require('a'),就停下来去调用a。
3.7K00发布于 2020-11-08
来自专栏代码编写世界
JS模块化编程规范1——require.js
概述 require.js是各种网络APP中非常常见的JS依赖库，它其实不仅仅是个模块加载器那么简单。它背后蕴含了一个非常重要的设计，也就是JS模块化编程。后来随着require.js的推广和使用，就逐渐形成了AMD（The Asynchronous Module Definition），也就是"异步模块加载机制"。这里通过一个计算幂运算的例子，详细论述require.js的使用。 2. 详论 AMD模块规范听起来很高大上，但实际上并不是很复杂。 /script> 这句代码定义了脚本的加载入口，src当然是require.js的源代码，而data-main则会默认的将dota-main指定的js路径为根路径。参考【第67期】ES6 系列之模块加载方案 Javascript模块化编程（三）：require.js的用法 JavaScript的模块化编程
3.9K10发布于 2020-12-22
来自专栏smh的技术文章
使用Require.js实现模块化开发
在javascript中，我们把比较复杂的都是用模块化，今天我们就来了解一下require.js来实现模块化开发 require.js是什么？ require.js是在AMD规范上实现的一个 JavaScript 模块异步加载器。 require.js下载下载地址：http://requirejs.org/docs/download.html 项目结构首先请按照我的目录创建如下目录： ? lib下存放一些常用的库，和我们最关键的require.js script下存放我们自己写的一些js。 index.html代码 <! <meta charset="utf-8" /> <title></title> <script data-main="js/script/main.js" src="js/lib/<em>require.js</em>
3.2K10发布于 2020-02-21
来自专栏积累沉淀
Javascript模块化编程（三）：require.js的用法
我采用的是一个非常流行的库require.js。一、为什么要用require.js？最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。二、require.js的加载使用require.js的第一步，是先去官方网站下载最新版本。下载后，假定把它放在js子目录下面，就可以加载了。　　加载require.js以后，下一步就要加载我们自己的代码了。假定我们自己的代码文件是main.js，也放在js目录下面。在上例中，就是js目录下面的main.js，这个文件会第一个被require.js加载。由于require.js默认的文件后缀名是js，所以可以把main.js简写成main。插件 require.js还提供一系列插件，实现一些特定的功能。
2.8K90发布于 2018-03-28
来自专栏jojo的技术小屋
模块化编程之require.js
require.js的诞生，就是为了解决这两个问题：　　（1）实现js文件的异步加载，避免网页失去响应；　　（2）管理模块之间的依赖性，便于代码的编写和维护。 require.js的加载：使用require.js的第一步，是先去官方网站下载最新版本。下载后，假定把它放在js子目录下面，就可以加载了。 <script src="js/<em>require.js</em>"></script> 有人可能会想到，加载这个文件，也可能造成网页失去响应。加载require.js以后，下一步就要加载我们自己的代码了。假定我们自己的代码文件是main.js，也放在js目录下面。在上例中，就是js目录下面的main.js，这个文件会第一个被require.js加载。由于require.js默认的文件后缀名是js，所以可以把main.js简写成main。
1.9K10编辑于 2022-03-21
来自专栏jojo的技术小屋
原模块化编程之require.js
require.js的诞生，就是为了解决这两个问题：　　（1）实现js文件的异步加载，避免网页失去响应；　　（2）管理模块之间的依赖性，便于代码的编写和维护。 require.js的加载：使用require.js的第一步，是先去官方网站下载最新版本。下载后，假定把它放在js子目录下面，就可以加载了。 <script src="js/<em>require.js</em>"></script> 有人可能会想到，加载这个文件，也可能造成网页失去响应。加载require.js以后，下一步就要加载我们自己的代码了。假定我们自己的代码文件是main.js，也放在js目录下面。在上例中，就是js目录下面的main.js，这个文件会第一个被require.js加载。由于require.js默认的文件后缀名是js，所以可以把main.js简写成main。
2K50发布于 2018-05-03
来自专栏阮一峰的网络日志
Javascript模块化编程（三）：require.js的用法
我采用的是一个非常流行的库require.js。一、为什么要用require.js？最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。二、require.js的加载使用require.js的第一步，是先去官方网站下载最新版本。下载后，假定把它放在js子目录下面，就可以加载了。　　在上例中，就是js目录下面的main.js，这个文件会第一个被require.js加载。由于require.js默认的文件后缀名是js，所以可以把main.js简写成main。因此，require.js提供了一个优化工具，当模块部署完毕以后，可以用这个工具将多个模块合并在一个文件中，减少HTTP请求数。五、AMD模块的写法 require.js加载的模块，采用AMD规范。插件 require.js还提供一系列插件，实现一些特定的功能。
3.4K60发布于 2018-04-12
来自专栏杰的记事本
JAVASCRIPT模块化3篇之三：require.js
二、require.js的加载使用require.js的第一步，是先去官方网站下载最新版本。下载后，假定把它放在js子目录下面，就可以加载了。　　加载require.js以后，下一步就要加载我们自己的代码了。假定我们自己的代码文件是main.js，也放在js目录下面。在上例中，就是js目录下面的main.js，这个文件会第一个被require.js加载。由于require.js默认的文件后缀名是js，所以可以把main.js简写成main。因此，require.js提供了一个优化工具，当模块部署完毕以后，可以用这个工具将多个模块合并在一个文件中，减少HTTP请求数。五、AMD模块的写法 require.js加载的模块，采用AMD规范。插件 require.js还提供一系列插件，实现一些特定的功能。
2.2K20发布于 2019-09-05
来自专栏smh的技术文章
Require.js配置全局和配置非amd规范JS
我们来说全局配置，我们知道导入require.js之后会设置data-main属性来执行入口文件，然后再入口文件中进行require的配置。
4.9K20发布于 2020-02-19
来自专栏李维亮的博客
jQuery 对AMD的支持（Require.js中如何使用jQuery）
function" && define.amd ) { define( "jquery", [], function() { return jQuery; }); } Require.js 中使用jQuery Require.js中使用jQuery非常方便，简单配置就可以了，例如： // 简单的配置 require.config({ // RequireJS 通过一个相对的路径 ); }); Require.js中使用jQuery 插件虽然jQuery的支持AMD的API，这并不意味着jQuery插件也是和AMD兼容的。 function ($) { $.fn.myPlugin = function () { //你自己的插件代码 }; })(jQuery); 不过我们稍微修改一下就可以使用Require.js 中使用jQuery UI组件 Require.js中使用jQuery UI组件也类似的，只要改造一下jQuery Widget Factory 代码就可以了，并且感觉jQuery UI的依赖关系加载就可以了
5K40发布于 2021-07-09
来自专栏大史住在大前端
javascript基础修炼(12)——手把手教你造一个简易的require.js
或ES Harmony规范实现前端模块化，require.js的确看起来没什么用武之地。，即使你绕过了require.js,也会在后续学习webpack的打包结果时学习类似的代码。二. require.js 2.1 基本用法 require.js是一个实现了AMD（不清楚AMD规范的同学请戳这里【AMD模块化规范】）模块管理规范的库(require.js同时也能够识别CMD规范的写法 )，基本的使用方法也非常简单：类库引入，在主页index.html中引入require.js: <script src="<em>require.js</em>" data-main="main.js"></script 2.2 细说API设计 require.js在设计上贯彻了多态原则，API非常精简。
1.5K20发布于 2019-05-14
来自专栏Super 前端
requireJS
/js/libs/require.js" ></script> <script src=". 定义模块：避免全局名称空间污染 <em>require.js</em>加载的模块，采用AMD规范。也就是说，模块必须按照AMD的规定来写。加载非规范的模块：shim 理论上，<em>require.js</em>加载的模块，必须是按照AMD规范、用define()函数定义的模块。（4）<em>require.js</em>要求，每个模块是一个单独的js文件。这样的话，如果加载多个模块，就会发出多次HTTP请求，会影响网页的加载速度。因此，<em>require.js</em>提供了一个优化工具，当模块部署完毕以后，可以用这个工具将多个模块合并在一个文件中，减少HTTP请求数。
2K73发布于 2019-08-15
来自专栏carven
利用canvas实现毛笔字帖（三）
依赖关系和模块加载优化（require.js）其实完成上面的代码之后呢，整个系统的功能已经完成了，下面要做的只是一些使用方式的优化，我们用require.js来修改一下我们的代码。而用require.js就不必可以在意这些事情。改写模块下面改造一下之前写的模块。 .*/}; return controller; }); 如下，已经将模块改成适用require.js的形式了。首先，我们在网上下载一个 require.js，放在项目的js目录中。 " data-main="js/index"></script> </body> </html> 一句<script src="js/<em>require.js</em>" data-main="js/index"><
2K30发布于 2018-08-02
来自专栏xingoo, 一个梦想做发明家的程序员
RequireJS实例分析
关于Require.js在多页面应用的实践，可以参考：multipage 层次组织 /public |------require.js、config.js、index.html 　　|------ -lib/ 　　　　|-------a.js、b.js 　　|-------orthers/ 　　　　|-------c.js 文件功能 require.js: 　　其中requirejs的核心代码就是 require.js文件，可以从官方网站上下载： config.js: 　　用于配置requirejs的相关内容，可以设置文件目录，加载模块命名匹配，以及一些依赖关系等等。 meta http-quiv="Content-Type" content="text/html;charset=UTF-8"> <script data-main="config" src="<em>require.js</em> 当访问index.html时，会先加载<em>require.js</em>然后把需要加载的文件都通过appendChild的方式，添加到index.html的底部。　　
2.1K50发布于 2018-01-17
来自专栏jojo的技术小屋
js模块化编程之彻底弄懂CommonJS和AMD/CMD！（转）
二、require.js的加载使用require.js的第一步，是先去官方网站下载最新版本。下载后，假定把它放在js子目录下面，就可以加载了。　　在上例中，就是js目录下面的main.js，这个文件会第一个被require.js加载。由于require.js默认的文件后缀名是js，所以可以把main.js简写成main。因此，require.js提供了一个优化工具，当模块部署完毕以后，可以用这个工具将多个模块合并在一个文件中，减少HTTP请求数。五、AMD模块的写法 require.js加载的模块，采用AMD规范。六、加载非规范的模块理论上，require.js加载的模块，必须是按照AMD规范、用define()函数定义的模块。插件 require.js还提供一系列插件，实现一些特定的功能。
2.1K30发布于 2019-03-12
来自专栏架构之巅
Firefox内容安全策略中的“Strict-Dynamic”限制
接下来，我们来看看这个列表中借助require.js实现Strict-Dynamic绕过的方法。假设目标页面使用了Strict-Dynamic的内容安全策略，并且加载require.js，同时具有简单的XSS漏洞。 -- XSS END --><script nonce="secret" src="<em>require.js</em>"></script>当require.js找到一个具有data-main属性的脚本元素时，它会加载在该目录中，有一个用于绕过内容安全策略的require.js。只需要将该require.js加载到使用内容安全策略Strict-Dynamic的页面中，即可实现Strict-Dynamic的绕过。各位读者可能会想，为什么会加载require.js？由于脚本元素没有正确的nonce，理论上它应该会被内容安全策略所阻止。
2.8K52编辑于 2022-09-05
来自专栏友人a的笔记丶
Element-UI、Element-Plus 使用笔记，记录问题。
通过Require.js (AMD规范) 使用Element UI碰到的坑原项目是基于require.js来加载模块的，增加新功能的同时想使用流行一点的组件（Element）和Vue；本身这两个库就是支持 Require.js的，不多说直接开干。 define("ELEMENT", ["vue"], t); Element是依赖于Vue的，所以得先在require.js的config中配置好Vue，修改为下面： require.config({
91510编辑于 2023-02-17

第 2 页第 3 页第 4 页第 5 页第 6 页第 7 页第 8 页第 9 页第 10 页第 11 页

点击加载更多