这里加载了JQuery库,因为JQuery库是按照AMD标准规范来构建的,所以可以通过require.js来引入。 require.config是用来配置导入的库文件,用来给模块定义配置真正的路径和简短的名称。 通过require方法去加载自定义的数学库模块和JQuery模块,其中第一个参数定义了需要加载的模块;第二个参数则是加载成功之后的回调函数: 代码语...
requirejs的使用需要一个入口模块,即一个主模块,引入主模块方法是通过在页面(.html)中引入require.js的script标签里,给自定义属性“data-main”的赋值实现的,另一种方法是在页面中直接用requirejs提供的API:require引入入口。 // 第一种方法 // 主模块 require(['a', 'b', 'c'], function(a, b, c) ...
data-main属性的作用是,指定网页程序的主模块。在上例中,就是js目录下面的main.js,这个文件会第一个被require.js加载。由于require.js默认的文件后缀名是js,所以可以把main.js简写成main。 三、主模块的写法 上一节的main.js,我把它称为"主模块",意思是整个网页的入口代码。它有点像C语言的main()函数,所...
当require()函数加载上面这个模块的时候,就会先加载myLib.js文件。 六、加载非规范的模块 理论上,require.js加载的模块,必须是按照AMD规范、用define()函数定义的模块。但是实际上,虽然已经有一部分流行的函数库(比如jQuery)符合AMD规范,更多的库并不符合。那么,require.js是否能够加载非规范的模块呢? 回答是可以的。
可能有很多的人JS都是依赖一些框架来写的,这时候我们就需要加载例如jquery等库进来的时候,我们就可以这样写: requirejs(['jquery','canvas','app/sub'], function($,canvas,sub){ //jQuery, canvas and the app/sub module are all //loaded and can be used here now. ...
这边涉及了require.config,require.config是用来配置模块加载位置,简单点说就是给模块起一个更短更好记的名字,比如将百度的jquery库地址标记为jquery,这样在require时只需要写["jquery"]就可以加载该js,本地的js我们也可以这样配置: require.config({paths:{"jquery":["http://libs.baidu.com/jquery/2.0.3/jquer...
由于这里用到了defer和async这两个异步加载的属性,所以require.js是异步加载的,你把这个script标记放置在任何地方都没有问题。 4.02 如何利用RequireJS加载并执行当前网页的逻辑JS 4.01解决的仅仅是RequireJS的使用问题,但它仅仅是一个JS库,是一个被当前页面的逻辑所利用的工具,真正实现网页功能逻辑的是我们要...
我采用的是一个非常流行的库require.js。 一、为什么要用require.js? 最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了。后来,代码越来越多,一个文件不够了,必须分成多个文件,依次加载。下面的网页代码,相信很多人都见过。
要说requirejs就要先说一下AMD。 AMD是”Asynchronous Module Definition”的缩写,意思就是”异步模块定义”。它采用异步方式加载模块,模块的加载不影响它后面语句的运行。 我们要介绍的require.js就是AMD规范实现的一个库。 requirejs的作用 require.js可以很好的解决两个问题 ...
https://github.com/amdjs/amdjs-api/blob/master/AMD.md 我们今天要用的requirejs就是实现了这个规范的一个js库。官方是这么定义requirejs的: RequireJS is a JavaScript file and module loader. It is optimized for in-browser use, but it can be used in other JavaScript environments, like Rhino and...