前端组件化开发和模块化开发的区别

首先,组件化和模块化的意义都在于实现了分治,目前我们开发的项目复杂度不断的上升,早已不是我们一个人能完成的工作,团队合作的话又会产生配合困难等各方面问题,组件化和模块化便应运而生,

结合webpack,glup,grunt等代码混淆工具,完成代码压缩,混淆的工作。

区别:
组件是具体的:按照一些小功能的通用性和可复用性来抽象组件
组件化更多的关注UI部分,比如用户看到的弹出框,页脚,确认按钮等,这些组件可以组合成新的组件,又可以和其他组件组合组合成新的组件

模块是抽象的:按照项目业务划分的大模块
模块化侧重于数据的封装,一组相关的组件定义成一个模块,一个json对象可以是一个模块。

封装之后需要解决的就是模块之间的依赖,babel是目前比较火的es6转换器,

前端组件化开发和模块化开发的区别相关推荐

  1. 前端组件化和模块化最大的区别是什么_7招提升你的前端开发效率

    前言 前端工程师其实是一个工作很杂的职位,除了要负责切图.写html/css/js外,还要解决一系列的浏览器兼容性.网页性能优化等问题,所以提高前端工程师的开发效率是势在必行的,也是前端工程化的体现. ...

  2. 组件化开发和模块化开发概念辨析

    网上有许多讲组件化开发.模块化开发的文章,但大家一般都是将这两个概念混为一谈的,并没有加以区分.而且实际上许多人对于组件.模块的区别也不甚明了,甚至于许多博客文章专门解说这几个概念都有些谬误. 想分清 ...

  3. mysql组件化_组件化开发和模块化开发概念辨析

    网上有许多讲组件化开发.模块化开发的文章,但大家一般都是将这两个概念混为一谈的,并没有加以区分.而且实际上许多人对于组件.模块的区别也不甚明了,甚至于许多博客文章专门解说这几个概念都有些谬误. 想分清 ...

  4. 组件化开发实战_一篇文章搞懂什么是前端“组件化”开发

    学过网页的朋友都知道,制作一个网页离不开HTML.CSS和JavaScript技术.对于初学者来来说,掌握这3门技术就已经很不容易了,为什么前端为什么又要搞出来一个"组件化"开发的 ...

  5. 什么是前端组件化开发

    为什么要组件化开发 有时候页面代码量太大,逻辑太多或者同一个功能组件在许多页面均有使用,维护起来相当复杂,这个时候,就需要组件化开发来进行功能拆分.组件封装,已达到组件通用性,增强代码可读性,维护成本 ...

  6. 组件化开发和模块化开发

    组件化开发和模块化开发实际上是两种编程思想,也可以被认为是两种解决方案.组件化开发注重重用,可以用作实现基础架构的技术方案.举个例子:加入现在我需要实现一个几何图形库,包括图形的生成.修改.删除等基本 ...

  7. 前端面试题,前端组件化、工程化、模块化的概念

    1.前端模块化: 可以理解为一组自定义业务的抽象封装,是根据项目的情况来进行封装组合到一起的,比如我们可以分为登录模块,评论模块.模块可维护性好,组合灵活,方便调用,多人协作互不干扰. 2.前端组件化 ...

  8. 谈谈我对前端组件化中“组件”的理解,顺带写个Vue与React的demo

    谈谈我对前端组件化中"组件"的理解,顺带写个Vue与React的demo 前言 前端已经过了单兵作战的时代了,现在一个稍微复杂一点的项目都需要几个人协同开发,一个战略级别的APP的 ...

  9. 爱奇艺知识WEB前端组件化实践

    组件化作为一种开发模式,其在代码复用,提高开发效率上的效果被广泛认可.组件化思想适用于移动端.Web前端.PC端.TV端等多种类型的客户端和前端开发. 本文主要讲述爱奇艺知识 WEB 前端团队如何结合 ...

最新文章

  1. 20种看asp源码的方法及工具
  2. 如何查看一个jar文件是用什么版本jdk编译的?
  3. Python链接Mssql之Python库pymssql
  4. ionic使用CardIO实现扫描银行卡功能(只能扫描16位以下,并且是浮雕数字)
  5. Mean Shift算法(CamShift)
  6. 给未来的自己一封信计算机,给未来的自己一封信
  7. iOS-Xcode代码统计
  8. 用python做预测模型的好处_如何用Python在10分钟内建立一个预测模型
  9. MITRE 发布 2020 CWE Top 25 榜单
  10. FCN训练(code)
  11. 一行一个链接代码_小白写代码讨女朋友欢心,包教包会
  12. 力扣-274 H 指数
  13. LoRaWAN协议格式
  14. cpm,cpc,cps和cpa分别是什么意思
  15. KEGG官方工具能够完成任何物种的KEGG注释!!!
  16. i7 8700k linux,性能起飞!I7-8700K 手动超频和一键超频教程
  17. 常用工具软件的交叉编译
  18. PS 滤镜——素描算法(一)
  19. iOS 15 UITableView Section间距变大
  20. 配置系统未能初始化 错误的解决方案

热门文章

  1. 用cmd 如何输入命令进入文件夹
  2. #0005 JPA Querydsl无法生成Q类
  3. c语言10种复合赋值运算符,C语言复合赋值运算符
  4. 测试设计点-微信输入法语音转文字
  5. office系列调节背景主题
  6. 微机原理与接口技术计时十字路口交通信号灯及公共时钟
  7. 开发者论坛一周精粹(第四十四期) 天池竞赛 Oracle修正
  8. Springboot-21单元测试(Junit5、assertions、assumptions、嵌套测试、参数化测试)
  9. JAVA渔具销售网站
  10. 通过BAT脚本直接从apk文件获取包名和安装APK