1. require.js作用有: (1)放置js加载阻塞页面渲染; (2)使用程序调用的方式加载js,防止出现大量使用<script src="*.js"></script>加载js文件。 2. 基本API require会定义三个变量:define,require,requirejs,其中 re ...
分类:
Web程序 时间:
2017-03-15 14:49:43
阅读次数:
151
模块使用模块加载器去导入其它的模块。 在运行时,模块加载器的作用是在执行此模块代码前去查找并执行这个模块的所有依赖。 大家最熟知的JavaScript模块加载器是服务于Node.js的 CommonJS和服务于Web应用的Require.js。 ...
分类:
其他好文 时间:
2017-03-14 10:34:54
阅读次数:
145
作者: 阮一峰 日期: 2012年11月 7日 这个系列的第一部分和第二部分,介绍了Javascript模块原型和理论概念,今天介绍如何将它们用于实战。 我采用的是一个非常流行的库require.js。 一、为什么要用require.js? 最早的时候,所有Javascript代码都写在一个文件里面 ...
分类:
编程语言 时间:
2017-03-12 23:13:54
阅读次数:
243
目的: (1)实现js文件的异步加载,避免网页失去响应; (2)管理模块之间的依赖性,便于代码的编写和维护。 ...
分类:
Web程序 时间:
2017-03-08 11:09:17
阅读次数:
153
require.js是AMD的一种实现形式。 加载: <script src="require.js" data-main="main"></script>(有时可加载文件可能造成页面失去响应,吧加载写在网页底部 ) main.js 主模块,依赖于其他模块。 require(['m1','m2',' ...
分类:
Web程序 时间:
2017-02-25 23:47:08
阅读次数:
232
首先,我们先来简单说一下,require.js的原理: 1、载入模块 2、通过模块名解析出模块信息,以及计算出URL 3、通过创建SCRIPT的形式把模块加载到页面中。 4、判断被加载的脚本,如果发现它有依赖就去加载依赖模块。如果不依赖其它模块,就直接执行factory方法 5、等所有脚本都被加载完 ...
分类:
Web程序 时间:
2017-02-24 22:09:32
阅读次数:
358
AMD 模块 AMD(异步模块定义,Asynchronous Module Definition)格式总体的目标是为现在的开发者提供一个可用的模块化 JavaScript 的解决方案。 AMD 模块格式本身是一个关于如何定义模块的提案,在这种定义下模块和依赖项都能够异步地进行加载。它有很多独特的优势 ...
分类:
Web程序 时间:
2017-02-22 14:24:38
阅读次数:
241
this问题 弹出层是一种很常见的页面显示部件,利用require js的模块化可以使部分功能组件重用性更高.以弹出层为例,探讨关于this的问题 首先来看这样一段代码 Html部分代码 <body> <button id="open">open</button> <div class="dialo ...
分类:
其他好文 时间:
2017-02-18 18:41:52
阅读次数:
150
这个系列的第一部分和第二部分,介绍了Javascript模块原型和理论概念,今天介绍如何将它们用于实战。 我采用的是一个非常流行的库require.js。 一、为什么要用require.js? 最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了。后来,代码越来越多, ...
分类:
编程语言 时间:
2017-02-10 15:38:53
阅读次数:
188
baseUrl: 用来配制动态加载脚本时,脚本文件的起始位置,此属性可以指定值,也可以由 requirejs 自动计算出值: 1:不进行任何配制: 假如 a.html 中引用 require.js 文件 <script src="require.js"></script> 这样在 require([ ...
分类:
Web程序 时间:
2017-02-05 18:24:12
阅读次数:
250