require.js | 易学教程

reqiure.js使用笔记

阅读更多关于 reqiure.js使用笔记

为什么需要使用require.js 1、防止命名冲突； 2、声明不同JS文件之间的依赖； 3、可以让我们的代码以模块化的方式组织； 4、多个JS文件一次性加载，减少http请求次数。 .... 使用方法先去require.js官网下载，下载地址：http://requirejs.org/ require.js常用的三个方法 1、requirejs.config 2、requirejs 3、define 案例使用 test.html如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>require test</title> </head> <body> <div> test... </div> <span>click me</span> <script src="js/require.js" data-main="js/main"></script> </body> </html> require.js引用建议放在网页底部，也可以像下面这样，<script src="js/require.js" defer async="true" ></script>，表明异步加载reqire.js 主文件main.js如下： requirejs.config({ baseUrl: '/jquery/js', paths

Javascript模块化编程（三）：require.js的用法

阅读更多关于 Javascript模块化编程（三）：require.js的用法

一、为什么要用require.js？最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越来越多，一个文件不够了，必须分成多个文件，依次加载。下面的网页代码，相信很多人都见过。　　<script src="1.js"></script> 　　<script src="2.js"></script> 　　<script src="3.js"></script> 　　<script src="4.js"></script> 　　<script src="5.js"></script> 　　<script src="6.js"></script> 这段代码依次加载多个js文件。这样的写法有很大的缺点。首先，加载的时候，浏览器会停止网页渲染，加载文件越多，网页失去响应的时间就会越长；其次，由于js文件之间存在依赖关系，因此必须严格保证加载顺序（比如上例的1.js要在2.js的前面），依赖性最大的模块一定要放到最后加载，当依赖关系很复杂的时候，代码的编写和维护都会变得困难。 require.js的诞生，就是为了解决这两个问题：　　　　（1）实现js文件的异步加载，避免网页失去响应；　　（2）管理模块之间的依赖性，便于代码的编写和维护。二、require.js的加载使用require.js的第一步，是先去官方网站下载最新版本。

Javascript模块化编程：require.js的用法

阅读更多关于 Javascript模块化编程：require.js的用法

作者：阮一峰日期： 2012年11月 7日这个系列的第一部分和第二部分，介绍了Javascript模块原型和理论概念，今天介绍如何将它们用于实战。我采用的是一个非常流行的库 require.js 。一、为什么要用require.js？最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越来越多，一个文件不够了，必须分成多个文件，依次加载。下面的网页代码，相信很多人都见过。　　<script src="1.js"></script> 　　<script src="2.js"></script> 　　<script src="3.js"></script> 　　<script src="4.js"></script> 　　<script src="5.js"></script> 　　<script src="6.js"></script> 这段代码依次加载多个js文件。这样的写法有很大的缺点。首先，加载的时候，浏览器会停止网页渲染，加载文件越多，网页失去响应的时间就会越长；其次，由于js文件之间存在依赖关系，因此必须严格保证加载顺序（比如上例的1.js要在2.js的前面），依赖性最大的模块一定要放到最后加载，当依赖关系很复杂的时候，代码的编写和维护都会变得困难。 require.js的诞生，就是为了解决这两个问题：