这里是修真院前端小课堂,每篇分享文从
【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】
八个方面深度解析前端知识/技能,本篇分享的是:
【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.参考文献
参考一:慕课网
------------------------------------------------------------------------------------------------------------------------
技能树.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,初学者转行到互联网的聚集地