首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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.3K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Require.Js 前端模块化

    通用模块定义 sea.js 依赖延迟:在需要的时候才去加载依赖项 模块化的实现(require.js) 下载后,把它放在目录下面,就可以加载了  <script src="js/<em>require.js</em>...引用模块时,模块有导出项,<em>怎么</em>使用导出项 要接收模块的返回值,那么就在回调函数中的形参里声明形参来接收 requiresjs 会自动为形参赋值 引入多个模块时,形参的顺序和模块加载的顺序是一一对应的!!...标签的属性 这个属性可以用来指定一个文件,加载文件的路径会以这路径为基础, 指定的文件会在<em>require.js</em>加载完毕之后,通过异步的方式加载,并且执行里面的代码, <script src="require.js.../baseUrl 指的就是查找模块时的基础路径,所有的模块的查找都会以这个为参照 //baseUrl 一般都被设置为绝对路径 baseUrl: "/modules", //可以这...文件路径 以 http:// 或者 https:// 开头的 第三方插件使用 支持模块化 模块化语法引入 不支持模块化 没有依赖项,没有导出项,require直接引入 有依赖项,没有导出项 shim属性中进行配置

    3.8K40

    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.3K10

    Javascript模块化编程(三):require.js的用法

    我采用的是一个非常流行的库require.js。 一、为什么要用require.js? 最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了。...二、require.js的加载 使用require.js的第一步,是先去官方网站下载最新版本。 下载后,假定把它放在js子目录下面,就可以加载了。   ...下面就来看,怎么写main.js。 如果我们的代码不依赖任何其他模块,那么可以直接写入javascript代码。   // main.js   alert("加载成功!")...因此,require.js提供了一个优化工具,当模块部署完毕以后,可以这个工具将多个模块合并在一个文件中,减少HTTP请求数。...六、加载非规范的模块 理论上,require.js加载的模块,必须是按照AMD规范、define()函数定义的模块。

    2.2K90
    领券