浅谈前端JS模块化开发的概念

引子:

前端开发模块化,这个概念从我接触前端开发就一直看到,但是一直没好好的梳理这其中的概念,直到最近才感觉对这其中的概念是很陌生而熟悉。因此记此梳理里面的一些名词。

模块化:

整个web的发展越来越快,涉及到的东西以及要处理的越来越多,于是我们的JS代码就越来越大,自然越来越混乱,就容易出错。因此,我们把代码阉割了。嗯,没错,就是我们把这个大西瓜切成很多块,所以每个程序员都可以自己选择一块,然后吃一块,不再是一个大西瓜一人吃一口了(这样大家就不会在吃的时候相互间咬到嘴了害羞)。

模块化开发规范:

在吃西瓜的时候我们知道了,我们可以把西瓜切开,但是怎么切?这就是模块化开发规范需要做的事了,现在的模块化规范有CommonJs,AMDCMDES6里的模块化。记住这些规范就是帮你正确切西瓜的理论方案。

commonJs:

它是一个同步模式,不太适用于前端端,主要是为了JS在后端的表现制定。它定义了三个模块:关于实现模块引用的require,关于实现模块定义的exports,关于实现模块标识的module,Node 应用由模块组成,就是采用了 CommonJS 模块规范。 具体见阮一峰老师的详解:点击打开链接

AMD:

AMD异步加载所需的模块,主要为JS在前端的表现制定。它只定义了一个模块:define。不论是AMD还是commonJs都是JS模块化开发的规范,不同就是前者适用于服务器端,后者适用于浏览器端。

CMD:

嗯,阿里巴巴玉伯提出的规范,他写的seaJS就是遵从了这个规范。

requireJS:

requireJS就是AMD规范现在用的最流行的实际实现,而上面说的seaJS也就是是CMD规范的实现了。 

结束:

具体关于这些规范和执行的内容我也没有去看过,但是关于JS模块化开发的这些概念名词就是这些。东西也很简单,但是当Google前端模块化开发,然后弹出一堆博文时会感觉很乱。记下来不仅是为了分享,也是为了看到自己的不足让自己不断的补充,学习。得意

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值