js模块加载器--requireJs

作者: 8fda73aa8a1f | 来源:发表于2016-02-03 08:16 被阅读297次

进入21世纪,人类科技迅速发展,互联网技术更是日新月异,今非昔比。作为互联网的重要组成部分的web技术也在发生着翻天覆地的变化,有了改头换面的进步。

随着网站功能不断丰富,web前端工程师们不得不面对的一个问题就是js的编程量越来越大,js文件会变的越来越臃肿。原有的通过script标签来导入一个个的js文件这种方式已经不能满足现代互联网开发模式,我们需要团队协作、模块复用、单元测试等等一系列复杂的需求。

什么是js模块化开发?

我理解的模块化开发就是将一个大功能细化,每个细化的模块之间相互独立。开发的时候可以独立不受干扰的开发,最终组合起来就是一个完整的功能。这样做有很多好处,对于团队合作是一个非常有利的模式。比如一个团队有多个人,可以每人负责一个模块的开发,最后合并到一起,整个网站的功能就ok了,这样是不是很帅呢!

今天我主题不是讲解如何进行模块化开发,因为模块化开发只是一个理念,无法量化的进行讲解,主要想给大家介绍一个模块化开发的辅助利器,模块加载器,此处暂时不详细讲解,因为一篇文章实在是无法将其精髓尽数展现,仅仅是抛砖引玉,介绍给大家,希望大家可以了解它,去学习它。当然日后我会以视频的方式给大家进行全面的讲解。自学是一个优秀程序猿必备的优良品质,我不希望大家从我的文章中只能学到我所分享的技术,我更希望大家可以学到我在文章中提到的每一项技术,我每天的文章都会有意无意的提到更多的东西,就是希望能让大家的眼界得到拓展,去挖掘前端领域更丰富的资源。

今天要推荐给大家的模块加载器是:RequireJS,RequireJS是一个非常小巧的JavaScript模块载入框架,是AMD规范最好的实现者之一。最新版本的RequireJS压缩后只有14K,堪称非常轻量。它还同时可以和其他的框架协同工作,使用RequireJS必将使您的前端代码质量得以提升。

我今天暂时不提它的具体用法,只说它的好处,我希望大家可以先自己去学习一下,然后再结合我后期的视频讲解,会达到更好的效果。

实用RequireJS有如下好处:

1.防止js加载阻塞页面渲染

2.使用程序调用的方式加载js,可以防止在页面中写入一大堆js调用。如下:

<script type="text/javascript" src="a.js"></script>

<script type="text/javascript" src="b.js"></script>

……

尼玛,是不是发现在页面写这么一对调用非常蛋疼,RequireJS可以不用这么干,所有的文件可以通过require的方式进行调用,每个页面可以只写一个js文件引用。

3.使用它可以很方便的进行模块化开发,完事儿之后require进去就ok。

这里我先说这么多,我既然提出了这个方法,已经听过它但是没有实践过的人我希望可以动手尝试一下,如果连听都没听过,那恭喜你,你看到这篇文章你就离大牛近了一步。

欢迎关注我的微信公众号,每天分享一篇文章。

相关文章

  • AMD,CMD,commonJS,ES6

    AMD 异步模块定义 RequireJS 是一个JavaScript模块加载器,会在相关的js加载后执行回调函数,...

  • js模块加载器--requireJs

    随着网站功能不断丰富,web前端工程师们不得不面对的一个问题就是js的编程量越来越大,js文件会变的越来越臃肿。原...

  • requireJS入门

    一:什么是requireJS RequireJS 是一个JavaScript模块加载器。它非常适合在浏览器中使...

  • 前端js模块化编写require.js

    requirejs是一个JavaScript文件和模块加载器。requireJS允许你把你的javascript代...

  • 前端模块加载规范

    模块加载规范:CommonJS、AMD 和 CMD,而框架Node.js、RequireJS 和 Seajs 分别...

  • requireJs

    RequireJS是一个JavaScript文件和模块加载器。 RequireJS包含三个重要的函数:requir...

  • Vue笔记

    js 有很多加载器 requirejs AMD nodejs require() commonjs es6 ...

  • 模仿RequireJs的用法写一个低配版的模块加载器

    模仿RequireJs的用法写一个低配版的模块加载器 Contents 前言 回顾RequireJs的基本用法 实...

  • RequireJS规范

    为什么使用RequireJS 上述多个js文件加载的时候,浏览器会停止网页渲染(JS阻塞浏览器渲染),加载文件越多...

  • 移动前端开发项目-5_requirejs模块化加载js

    5.requirejs模块化加载js 14:55参考文章:http://www.haorooms.com/post...

网友评论

  • loster:requirejs已经过去很久了
    8fda73aa8a1f:@loster 其实喜欢不喜欢不那么重要,因为很多事情并不是不喜欢就可以不做的呀。面对当今越来越多越来越复杂的各种web应用,可扩展性和可维护性,还有团队协作,模块化开发都势在必行。
    loster:@王学兵 很多人不喜欢模块开发,
    8fda73aa8a1f: @loster 事实上还有很多人不知道

本文标题:js模块加载器--requireJs

本文链接:https://www.haomeiwen.com/subject/mkhekttx.html