首页 > 其他分享 >工程化、模块化、组件化 开发工作中这三项有什么区别

工程化、模块化、组件化 开发工作中这三项有什么区别

时间:2024-04-17 16:13:10浏览次数:16  
标签:模块化 代码 开发 模块 组件 工程化 这三项

工程化:

  • 定义:工程化是一种遵循一定标准和规范,通过工具提高效率、降低成本的开发手段。它涉及整个开发流程的规划和管理,确保项目能够按照预定的目标和质量要求完成。
  • 关注点:工程化关注于整体的开发流程、项目结构、工具链的整合以及团队协作等方面。它强调使用工具和自动化手段来优化开发过程,提高开发效率和质量。
  • 实践:在工程化实践中,会采用诸如自动化构建系统、代码规范化、模块化打包和自动化部署等技术手段,以提升项目的可维护性和可扩展性。

模块化:

  • 定义:模块化是一种编程范式,它将大型、复杂的系统划分为一系列可管理的独立模块。每个模块都具有特定的功能和职责,并且可以通过标准化的接口与其他模块进行交互。
  • 关注点:模块化关注于将代码划分为独立、可复用的单元,以便更好地组织和管理代码。它有助于降低系统的复杂性,提高代码的可维护性和可重用性。
  • 实践:在模块化开发中,开发人员可以将功能相关的代码封装在一个模块中,通过定义明确的接口来实现模块之间的通信。这有助于并行开发、降低维护成本并提高代码质量。

组件化:

  • 定义:组件化是将可复用的代码提取出来,封装成独立的组件。这些组件具有高度的独立性,可以单独开发、测试和重用。组件化使得代码更加模块化,易于组合和扩展。
  • 关注点:组件化关注于代码的重用和复用性。通过将通用的功能或界面元素封装为组件,可以在不同的项目或页面中重复使用,减少重复开发的工作量。
  • 实践:在组件化开发中,开发人员可以创建一系列可复用的组件库,这些组件可以像积木一样组合在一起,快速构建出功能完整的页面或应用程序。这有助于提高开发效率、减少维护成本并促进团队协作。

标签:模块化,代码,开发,模块,组件,工程化,这三项
From: https://www.cnblogs.com/bing23443414/p/18141000

相关文章

  • 前后端分离开发和接口文档管理平台YAPI以及前端工程化(Vue-cli)
    前后端分离开发和接口文档管理平台YAPI以及前端工程化(Vue-cli)前后端分离开发需求分析=>接口定义(API接口文档)=>前后端并行开发(遵守规范)=>测试(前端、后端)=>前后端联调测试YApi1.介绍:YApi是高效、易用、功能强大的api管理平台,旨在为开发、产品、测试人员提供更优雅的接口管理服......
  • Python 模块化设计
             模块化设计是一种软件设计方法,它将程序分解成小的、独立的部分,这些部分称为模块。每个模块都有它的功能,并且设计成可以被其他模块重用。在Python中,模块化设计不仅有助于代码的组织和维护,还能提升代码复用性和开发效率。        1.定义模块在Pyth......
  • 如何在vue工程中模块化使用大量的svg图片
    如果你在执行 requireAll(requireSvg) 后得到的是一个 BrowserSpriteSymbol 数组,并且能够直接使用 <use> 进行引用,这通常意味着在构建过程中有一些特定的Webpack配置和/或自定义加载器(loader)被用来处理SVG文件,并将它们转换为一个SVGSprite,其中每个SVG都转换为了一个......
  • JS模块化——AMD、CommonJS和ESModules
    文章目录JS模块化——AMD、CommonJS和ESModules方法介绍传统方法:立即执行函数:异步模块定义AMD:CommonJS:ESModules:CommonJS和ESModules区别JS模块化——AMD、CommonJS和ESModules前端模块化是指将前端代码拆解成互相独立的小块,每一块完成特定的功能,这些小块被......
  • 前端【VUE】05-vue【工程化开发入门】【工程化开发和脚手架、项目运行流程、组件化、
    工程化开发 脚手架VueCLI基本介绍:VueCLI是Vue官方提供的一个全局命令工具。可以帮助我们快速创建一个开发Vue项目的标准化基础架子。【集成了webpack配置】好处:1.开箱即用,零配置 2.内置babel等工具3.标准化修改npm源: npmconfigsetr......
  • ES6中模块化详解
    前言因为ES6中的模块化是将来,所以就必须有必要好好的了解一下,学习一下,这篇文章就简单总结一下ES6中模块的概念,语法和用法。纯属个人总结,不喜勿喷。下面我将通过a.js、b.js和c.js三个文件把ES6的知识点穿起来。默认导出导出语法:exportdefault默认导出的成员样例代码a.js:/......
  • js 模块化
    一、什么是模块化?1.1定义将一个复杂的程序依据一定的规则(规范)封装成几个块(文件),并进行组合在一起块的内部数据/实现是私有的,只是向外部暴露一些接口(方法)与外部其它模块通信 1.2模块化的进化过程 1.2.1全局function模式*全局函数模式:将不同的功能封装......
  • JS 中的模块化 Module
    零、参考资料深入分析JavaScript模块循环引用Module的加载实现从模块的循环加载看ESM与CJS理解amd,cmd,commonjs,esm,umd模块化一、早期的实践-CommonJS族Node.js提供了服务器端的js运行环境,因此也带来了一波服务端js库的开发高潮。随着功能的完善,相关代......
  • .NET8构建的简单、跨平台、模块化的商城系统
    一个基于.NETCore构建的简单、跨平台、模块化的商城系统 前言今天大姚给大家分享一个基于.NETCore构建的简单、跨平台、模块化、完全开源免费(MITLicense)的商城系统:ModuleShop。商城后台管理端功能商品:分类、品牌、单位、选项(销售属性)、属性、属性模板、属性组。销售......
  • 14-前端工程化-Vue项目
      这里,我首先安装了一个nvm(node的版本管理工具),可以通过nvm管理多个版本的node.js,解决node.js各种版本存在不兼容的问题参考链接:nvm、node、vue安装教程_nvm安装vue_南柯ღk的博客-CSDN博客1)安装nvm Github的官方安装网址:https://github.com/coreybutler/nvm-windows/rel......