前端工程化——模块化规范

模块化的相关规范

为什么要模块化

传统开发模式的主要问题:

命名冲突问题:多个js文件之间如果存在重名的变量就会出现变量冲突问题;

文件依赖问题:js文件之间不能出现相互引用

模块化:把单独的一个功能封装到一个模块文件中。模块之间相关隔离,但是可以通过特定的接口公开内容部成员,也可以以来别的模块。

模块化开发的好处:方便代码管理,提升开发效率,方便后期维护(一个字 厉害!)

模块化规范如下

服务器端
commonJS
1.模块分为 单文件模块 与 包
2.模块成员导出:module.exports和exports
3.模块成员导入:require(“模块标志符”)
浏览器端
AMD CMD【已经过时,具体可以上网查找】

!important
ES6模块化

以上的模块化规范仍然存在着局限性,比如前后端需要分开,ES6完美解决了这个问题;

ES6语法规范中,在语言层面上定义了ES6模块化规范,是浏览器端和服务端通用的

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值