什么是模块化,模块化开发如何实现?

相信广大前端朋友们都遇到过这么一个问题?  什么是模块化,模块化开发如何实现?

那么什么是模块化呢,时下流行的库与框架又有哪些在利用模块化进行开发呢?

今天我从以下两个方向来进行描述,如果描述不够准确,还请各位多多指正。

1.什么是模块化?

   模块化就是讲js文件按照功能分离,根据需求引入不同的文件中。源于服务器端。

前段开发中,最先出现在node.js中,commne.js中(module.exportsrequire)随着web应用的模块化,在浏览器端页是需要进行模块化开发,早期AMDCMD规范,代表Require.jssea.js。在es6中,提出了原生模块呼哈的解决方案,就是exportimport但是浏览器并没有完全支持,需要借助一些工具,--babel,实现这个转换的有browserifywebpack

   在node.js中,模块就是一个文件,通常jsjson文件,包是多个模块的集合,类似文件夹。

   模块化通俗点的理解就是这样:就像我们小时候拼积木一样。我们想拼一个房子出来,我们不是一下子从低到顶逐渐的拼出来。而是我们把一个横条,竖条,圆圈等拼凑在一起,形成一个窗户,一面墙,房顶等等部件。这些部件就如同是一个个模块一样。具备一定的功能,可以单独分开使用。不同的框架和库的模块,有很多功能类似,可以理解为你的积木是塑料的,他的是木头的,只要接口Api可以对的上,那么也可以通用。


  2.Node.js中的模块:Angular.js中的模块:React.js中的模块:有何异同?

  nodejs里的模块,就是一个文件,通常jsjson文件。

  Angularjs里的模块就是一系列配置和代码块的集合,它们是在启动阶段就附加到应用上的。一个最简单的模块由两类代码块集合组成的:

配置代码块 - 在注入提供者注入和配置阶段执行。只有注入提供者和常量可以被注入到配置块中。这是为了防止服务在被配置好之前就被提前初始化。
运行代码块 - 在注入器被创建后执行,被用来启动应用的。只有实例和常量能被注入到运行块中。这是为了防止在运行后还出现对系统的配置。

Reactjs里的模块/组件:就是将一段js、html、css组合在一起,形成有一定功能的代码片段

  • 1
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值