1.前端模块化:

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

2.前端组件化:

指对具体的某个功能的封装,比如所有的分页可以封装为分页组件来统一使用,以此来达到组件复用,提高开发效率。

3.前段工程化:

概念:指使用软件工程的技术和方法来进行前端项目的开发、维护和管理。

前端工程化包含如下:
1.代码规范: 保证团队所有成员以同样的规范开发代码。
2.分支管理: 不同的开发人员开发不同的功能或组件,按照统一的流程合并到主干。
3.模块管理: 一方面,团队引用的模块应该是规范的;另一方面,必须保证这些模块可以正确的加入到最终编译好的包文件中。(以上两点可以总结为模块化或者组件化开发。)
4.自动化测试:为了保证和并进主干的代码达到质量标准,必须有测试,而且测试应该是自动化的,可以回归的。
5.构建:主干更新以后,自动将代码编译为最终的目标格式,并且准备好各种静态资源,
6.部署。 将构建好的代码部署到生产环境。

什么是前端模块化,组件化,工程化?相关推荐

  1. 模块化 组件化 工程化_软件工程中的模块和软件组件

    模块化 组件化 工程化 The module in software is a small part of the software that is responsible for performin ...

  2. 面向接口编程实施模块化/组件化解耦,以友盟、极光等统计分析为例

    模块化/组件化 通过模块化/组件化组织代码,面向接口编程,尽可能做到高内聚.低耦合.重复用. 模块可分为多种类型,一般分为:基础库(日志打印.网络请求.图片加载等).三方包(微信登录.统计分析.消息推 ...

  3. 前端的组件化和模块化

    组件化和模块化 为什么会有组件化和模块化?当我们的项目复杂度不断上升,项目维护成本逐渐提高之后,对于旧项目的维护就变得格外困难.前端如果按照以前的编程方式,将许多html和js代码都封装在同一个页面, ...

  4. 美团是用html开发,剖析美团网站前端的组件化开发经验

    前言一位计算机前辈曾说过: Controlling complexity is the essence of computer programming. 随着前端开发复杂度的日益提升,组件化开发应运而 ...

  5. Android:项目模块化/组件化的架构之路(一)

    文章目录 前言 推荐 模块化需要做什么 一.如何拆分项目 二.模块之间的通信 1. 常用的通信方式 2. 改善通信方式 2.1 使用接口进行通信 2.2 如何对外暴露接口 2.3 使用EventBus ...

  6. 前端模块化、组件化开发

    使用过ReactJS进行Web UI的组件化开发,和使用过AngularJS的双向数据绑定和模块化后,感觉到了组件化.模块化.双向数据绑定对Web前端开发的重要性. 1.组件化可以极大提高前端代码的可 ...

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

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

  8. [Android Pro] 由模块化到组件化(一)

    cp from : https://blog.csdn.net/dd864140130/article/details/53645290 在Android SDK一文中,我们谈到模块化和组件化,现在我 ...

  9. Android 开发:由模块化到组件化(一)

    在Android SDK一文中,我们谈到模块化和组件化,现在我们来聊聊组件化开发背后的哪些事.最早是在广告SDK中应用组件化,但是同样适用于普通应用开发 以下高能,请做好心理准备,看不懂请发私信来交流 ...

  10. 用 JavaScript 实现手势库 — 手势动画应用【前端组件化】

    前端<组件化系列>目录 「一」用 JSX 建立组件 Parser(解析器) 「二」使用 JSX 建立 Markup 组件风格 「三」用 JSX 实现 Carousel 轮播组件 「四」用 ...

最新文章

  1. VMware文件扩展名
  2. 泛函分析——赋范线性空间定义的概念
  3. 十大排序算法(Java)
  4. 联合、枚举和类型别名 - C++快速入门13
  5. STM32工作笔记0029---认识电路原理图中的VCC,VDD,VEE,VSS
  6. 随想录(谈谈软件架构)
  7. 年末阿里百度等大厂技术面试题汇总,不可思议!
  8. [TC]SRM615 div1 250 AmebaDiv1
  9. visio素材:安防监控visio素材图库
  10. 初学RFID-破解学校水卡
  11. Matlab实现图像灰度化算法
  12. 最佳eclipse字体推荐(个人认为)
  13. 无线网络连接 wlan test
  14. miner配置文件详解
  15. fast lio测试
  16. 2020云盘点:云数据库冲击传统数据库,擦枪走火看金融
  17. 有什么推荐书目可以了解社会的残酷?
  18. 基于向量的flash开发
  19. 产品经理必备神器——Axure软件试用评测
  20. 不知不觉就在使用的一种设计模式——模板方法模式

热门文章

  1. DMRS在5G NR各种物理信道上的配置
  2. 卷积神经网络有哪些算法,卷积神经网络算法实现
  3. Node.js学习十(url 网址)
  4. “关于Android系统的指纹识别安全性”文章引来的讨论
  5. 利用ArcGIS的模型构建器实现批量投影栅格和批量克里金插值
  6. PBR的来龙去脉九:IBL部分开篇
  7. 八进制与十六进制的算法
  8. 高清音视频采集卡的混音功能(LCC380)
  9. LIN总线协议详解2(LIN总线报文帧结构)
  10. RIFS:一种随机重启的增量特征选择算法(RIFS: a randomly restarted incremental feature selection algorithm)