【北京分院一百六十四期】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

你可能感兴趣的:(【北京分院一百六十四期】requirejs如何使用)