前端模块化-1、介绍

本文主要从模块化的产生背景及对前端模块的简单介绍,作为CommonJS,AMD,CMD等规范的引言。
更重要的是,作为本人学习的一份笔记。

什么是模块化

本人简单的理解,模块化就是指把一个个功能独立开来,需要使用的时候,分别“组装”这些功能,以达到我们需要的效果。
还是拿熟悉的汽车作比较,汽车早已经将生产模块化,就是建立几个平台,同一平台下的零件有很多可以通用。比如下图就是丰田的新平台TNGA(更多信息,点击这里

丰田全新平台TNGA

这样我们生产一辆汽车,只需要按照市场需求、开发目标等因素,就可以计划在某一平台下生产。而这一平台很多零件是通用,我们只需要根据车辆需求再进行调教就可以。
汽车价格的降低,品质的稳定,很大程度就是依赖这些平台的模块化。

简图,原谅我的渣画工

产生背景&必要性

在网络发展前期,对于一个网页,代码内容比较少,网页的效果也比较简单,甚至寥寥数十行代码便可完成,在这种情况下,模块化没有产生的必要。拿画画作比较,前期的效果如下图:

前期的页面效果

而随着网络的快速发展,人们需求的增多,一张网页需要引入的文件越来越多,代码也越来越多,这时我们需要作出的效果是这样的:

现在的效果

所以我们需要引入像汽车产业一样的模块化。

模块化的意义:

简单地说,有以下:

  • 提高代码的复用性
    需要使用某个功能时,我们只需要引入该模块就可以了,而不必重新造轮子。
  • 各个模块独立存在
    避免命名冲突,提高阅读性,便于维护,降低耦合。

以上就是模块化的简单介绍,接下来的文章将介绍模块化的主要规范及使用方法。
To be continued...

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,612评论 25 708
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,259评论 4 61
  • 这是个老梗,值得一说再说,因为这个奇遇实在过于奇妙。 按照洛阳这边医院的规定,产妇生产后得在产房待满两个小时才会被...
    我就是那个郭郭啦阅读 301评论 0 0
  • 自生长原理 杠杆原理,视你撬动之物,于你之气力,于杆子长短。 你的气力。知识储备,悟性,资金与花费的精力。 撬动之...
    纵情嬉戏天地间阅读 394评论 0 0
  • 昨天愚人节,顺着写完拙文。 愚笨的开头一般是段自我介绍。我叫莉,洋气地写大概就是Lee,很长一段时间,网名就叫st...
    不白自白阅读 127评论 0 1