requirejs如何使用

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/jnshu_it/article/details/85912885

这里是修真院前端小课堂,每篇分享文从

【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】

八个方面深度解析前端知识/技能,本篇分享的是:

【requirejs如何使用 】

1.背景介绍
RequireJS 是一个JavaScript模块加载器。它非常适合在浏览器中使用, 它非常适合在浏览器中使用,但它也可以用在其他脚本环境, 就像 Rhino and Node. 使用RequireJS加载模块化脚本将提高代码的加载速度和质量。

2.知识剖析
RequireJS的目标是鼓励代码的模块化,它使用了不同于传统script标签的脚本加载步骤,可以用它来加速、优化代码,但其主要目的还是为了代码的模块化.它鼓励在使用脚本时以module\ID替代URL地址,RequireJS以一个相对于baseUrl的地址来加载所有的代码。 页面顶层script标签含有一个特殊的属性data-main,require.js使用它来启动脚本加载过程,而baseUrl一般设置到与该属性相一致的目录。

3.常见问题
为什么使用RequireJS

4.解决方案

有效的防止命名冲突

声明不同js之间的依赖

可以让我们的代码已模块化的方式组织

requirejs常用的方法

requirejs.config:为模块指点下别名,方便我们模块的引入

requirejs:将我们写好的模块进行引入根据我们编写的模块编写我们的主代码

define:利用来编写我们的模块然后引入他就可以了

5.编码实战

requirejs.config({

paths:{

jquery:'jquery-3.1.1',

}

})

requirejs(['jquery','util'],function ($,util) {

$('body').css('background-color','red')

console.log(util.start3(1,1))

})

6.扩展思考

css能不能用requirejs  加载呢?

7.参考文献

参考一:慕课网

requirejs 如何使用的PPT

------------------------------------------------------------------------------------------------------------------------

技能树.IT修真院

“我们相信人人都可以成为一个工程师,现在开始,找个师兄,带你入门,掌控自己学习的节奏,学习的路上不再迷茫”。

这里是技能树.IT修真院,成千上万的师兄在这里找到了自己的学习路线,学习透明化,成长可见化,师兄1对1免费指导。快来与我一起学习吧 !http://www.jnshu.com/login/1/96194340



作者:return_3711
链接:https://www.jianshu.com/p/fe1b98cb5f03
來源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

更多内容,可以加入IT交流群565734203与大家一起讨论交流

这里是技能树·IT修真院:https://www.jnshu.com,初学者转行到互联网的聚集地

猜你喜欢

转载自blog.csdn.net/jnshu_it/article/details/85912885
今日推荐