资讯专栏INFORMATION COLUMN

初学RequireJS

cheng10 / 896人阅读

摘要:本文以初学身份对比和来说明前者的优点,若使用其它库,可以眼动将替换为你所用的库模块化,实现某一功能的方法独立化,使其可以复用这一高大上的名词,按我的理解,和插件的功能一样那为什么需要学习呢,是将定义为全局变量,在脚本的任何地方都能调用中的方

本文以初学身份对比RequireJS和jQuery来说明前者的优点,若使用其它库,可以“眼动”将jQuery替换为你所用的js库;

“模块化”,实现某一功能的方法独立化,使其可以复用;这一高大上的名词,按我的理解,和jQurey插件的功能一样;那为什么需要学习RequireJS呢?

jQuery,是将jQuery定义为全局变量,在脚本的任何地方都能调用jQuery中的方法;

对比于jQuery,RequireJS的优点就是,可以将各依赖关系(依赖关系---js库,指你需要引用这个库才能做其他功能)声明,并将各个依赖关系作为函数参数处理,即可以把jQuery等js库的作用域定义为局部(函数内部);

RequireJS是为实现模块化存在的,其核心功能有两个:定义模块define()和调用模块require();

定义模块define(),建一个功能库:

//推荐一个模块为一个多带带的js文件;
无依赖关系的模块:

define({
name1:"value1",
name2:"value2"
})

无依赖关系,但需要处理一些初始化任务:

define(function(){

})

有依赖关系的模块:

define("module name",[],function(){

//第一个参数为模块名称,可选项--不建议命名;
//[]表示依赖关系的数组列表;
//function(){}回调函数,当指定模块都加载成功后被调用;
//加载的模块以参数形式传入该函数中,从而在回调函数内部就可以使用这么模块;
//参数和模块的数量和次序要一一对应;
//或者通过arguments[]来调用依赖;
//
//require()加载这个模块之前会先加载依赖关系;
//模块应该返回一个本模块/函数 return {
// 属性名:值,
// 方法名:function(){}
//模块名默认为脚本文件名;
//}

})

调用模块require():

require([],function(){

//[]表示依赖关系的数组列表;
//function(){}回调函数,当指定模块都加载成功后被调用;
//加载的模块以参数形式传入该函数中,从而在回调函数内部就可以使用这个模块的属性或方法;
//参数和模块的数量和次序要一一对应;
//或者通过arguments[]来调用依赖;

})

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/79104.html

相关文章

  • RequireJS学习笔记

    摘要:如果有疑惑的地方,欢迎讨论,我是初学,希望能切磋和得到指点加载会阻塞页面加载默认异步加载文件方法一把放到页面底部加载方法二支持定义全局相对路径方法一自定义属性指定网页程序的主模块文件定义整个网页代码的入口文件的相对位置,以后此文件 如果有疑惑的地方,欢迎讨论,我是初学,希望能切磋和得到指点; js加载会阻塞页面加载: //requirejs默认异步加载js文件; 方法一...

    hersion 评论0 收藏0
  • 前端资源系列(4)-前端学习资源分享&前端面试资源汇总

    摘要:特意对前端学习资源做一个汇总,方便自己学习查阅参考,和好友们共同进步。 特意对前端学习资源做一个汇总,方便自己学习查阅参考,和好友们共同进步。 本以为自己收藏的站点多,可以很快搞定,没想到一入汇总深似海。还有很多不足&遗漏的地方,欢迎补充。有错误的地方,还请斧正... 托管: welcome to git,欢迎交流,感谢star 有好友反应和斧正,会及时更新,平时业务工作时也会不定期更...

    princekin 评论0 收藏0
  • jQuery Boilerplate——流行的jQuery插件开发模板

    摘要:这里也提供了几种不同模式的组件开发方式,你可以选择一个适合你的使用轻量级基础模式为初学者提供的一个简单通用的基础模板,包括基础的默认对象简单的构造函数默认参数和传递参数的合并以及防止对象多次实例化的构造函数的简单封装。 在初次进行jquery插件开发时,我们往往无从下手,当然我们可以按照jquery官方提供的格式进行简单的插件开发,但是很多时候往往不尽完美,一不小心,就造出一个很...

    ztyzz 评论0 收藏0
  • RequireJS:一款优秀的AMD模块加载器

    摘要:概述是一款遵循规范协议的模块加载器,不但能在浏览器端充分利用,同样能在其他的运行时环境,比如和。使用像这样的模块加载器能提高代码的质量和开发速度。一般放在页面的入口出,用来加载其他的模块。 RequireJS概述 RequireJS是一款遵循AMD规范协议的JavaScript模块加载器, 不但能在浏览器端充分利用,同样能在其他的JavaScript运行时环境, 比如Rhino和No...

    syoya 评论0 收藏0
  • seajs和requirejs的那些事儿

    摘要:遵循的是异步模块定义规范,遵循的是通用模块定义规范。规范的不同,导致了两者的不同。在尝试让第三方类库修改自身来支持,目前只有少数社区采纳。是没有明显的,是明显没有。无这方面的支持。 发布之后发现存在一个显示的问题,大家可以移步到我的简书参考,谢谢大家!!!我的简书《seajs和requirejs技术指导文档》 昨天到今天,老衲翻阅数十篇技术文档,为了搞明白seajs(CMD)和 req...

    zorpan 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<