17_模块、组件、模块化、组件化

原创 已于 2023-03-27 10:55:14 修改 · 143 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue

于 2023-03-24 15:15:10 首次发布
模块是提供特定功能的JS程序，用于复用和简化复杂JS编写，提高运行效率。组件是包含HTML/CSS/JS等的代码集合，用于实现界面的特定功能，便于复用编码和项目简化。模块化应用是所有JS按模块编写，而组件化应用则是功能以多组件形式呈现，两者均提升开发效率。

目录

模块

组件

模块化

组件化

模块

  • 理解：向外提供特定功能的js 程序，一般就是一个js文件
  • 为什么： js 文件很多很复杂
  • 作用：复用js，简化js的编写，提高js运行效率

组件

  • 理解：用来实现局部(特定)功能效果的代码集（html/css/js/image.....）
  • 为什么：一个界面的功能很复杂
  • 作用：复用编码，简化项目编码，提高运行效率

传统方式编写应用

使用组件方式编写应用

组件的定义

模块化

 当应用中的js都以模块来编写的，那这个应用就是一个模块化的应用。

组件化

当应用中的功能都是多组件的方式来编写的，那这个应用就是一个组件化的应用。

[架构设计] 组件和模块的区别
weixin_34124577的博客
04-17 882
组件(Component)和模块(Module)又是一对容易混淆的名词，也常常被用来相互替换。两者是否有差异往往取决专业背景、所在领域、以及视角。个人总结，从设计上来看，组件强调复用，模块强调职责(内聚、分离)，或者说组件是达到可复用要求的模块。 Module, 中文为模块或模组。它的核心意义是分离职责，...
React学习笔记三-模块与组件的理解
zhangawei123的博客
05-18 843
此文章是本人在学习React的时候，写下的学习笔记，在此纪录和分享。此为第三篇，主要介绍react中的模块与组件。
组件和模块
u011272360的专栏
04-20 252
模块：强调职责，这是一个可实现的单元，其核心是内聚和分离。 组件：强调复用。 模块&组件：与模块相比，组件对依赖行的要就更高，可以简单地理解为：组件是满足可复用的模块。 （以上摘自app架构师一书） ...
什么是模块，什么是组件
weixin_33737134的博客
08-15 1763
相同：都是基于功能划分的单位。比如说完成网络功能的组件、模块、完成统计功能的组件、模块； 这二者没有上下级的包含关系，模块可以由多个组件构建，独立的组件也通常由多个模块实现。不同： 组件，偏向发行的概念(outside)： 1、强调的是“跨项目的可重用性”这层意思。 比如“XXX采集卡通用远程监控组件”，表示这个东东是完成远程监控功能，并...
【关于组件和模块】
老照片
05-12 736
关于组件和模块Table of ContentsWhat is the difference between module and component?What is a modular software component?What is difference between module and component in Angular 2?What is a component software?What is the difference between module and component i
构件 组件 模块
老照片
09-22 943
构件 组件 模块
组件、模块与插件
onne2023的博客
07-21 344
Joomla的核心组成-组件、模块与插件。
移动开发_组件化_模块化_路由通信_提高开发效率降低维护成本_1742847827.zip
03-31
app开发
iOS端模块间通信解决方案_支持同步异步调用_服务注册与发现_模块解耦_跨组件通信_微服务架构_面向协议编程_动态代理_服务治理_依赖注入_面向接口编程_组件化开发_服务编排_服务.zip
07-17
在本解决方案中，我们将探讨一系列技术和设计模式，它们共同作用于iOS端的模块间通信，以实现服务的灵活注册与发现、高效的同步和异步调用、模块之间的解耦，以及支持动态代理、服务治理、依赖注入和组件化开发等...
精选资源
模块化、插件化和组件化
01-20
模块化、插件化和组件化是软件开发中常见的架构设计策略，特别是在Android开发中，它们对于项目的可维护性、扩展性和团队协作至关重要。这里我们将深入探讨这些概念以及它们之间的关系。 **模块化** 是一种将大型...
M8TestKotlin项目模板是一个专为Android开发者设计的现代化项目脚手架_包含Kotlin语言支持_协程最佳实践_Jetpack组件集成_模块化架构设计_单元测试框架.zip
最新发布
08-14
M8TestKotlin项目模板为Android开发者提供了一个现代化的项目脚手架，它整合了Kotlin语言、协程、Jetpack组件、模块化架构设计以及单元测试框架，帮助开发者快速搭建出一个高效、稳定且易于维护的Android应用。...
基于Vue的相亲小程序设计源码，实现模块化组件化，易维护
10-03
本文详细介绍了基于Vue框架开发的相亲小程序设计源码，该项目实现了模块化与组件化的设计理念，使得整个小程序的源码结构清晰、易于维护和升级。在源码中，共包含403个文件，其中包括大量的图片、脚本、样式表、配置...
什么是模块化，组件化， 插件化？
feipengwang的博客
06-01 2万+
最近毕竟火的也就是组件化的应用了，可以大大加快项目的开发进度，对此本人亲自做了demo,有想了解的朋友请关注：https://github.com/wangpengfei1992/ModularizedDemo  废话不多说，解释一下这几个的概念和区别的个人理解.单工程模式移动开发诞生，我们开发移动项目，我相信大多用的是单工程单任务的开发模式，二话不说，直接就开始写起，是不是这样呢？ new Pr...
关于前端开发中“模块”和“组件”概念的思考
蜗牛不会跑
06-27 2439
术语的重要性首要是澄清术语。同事平时交流的时候，有比较多的上下文信息是双方已经预先知道的，所以容易推断对方要表达的意思，一定程度的术语混淆关系不大。但是和其他人交流的时候，如果不明确术语的内涵和外延，经常变成鸡同鸭讲的状况。举个例子来说，上次看到有位同学老是骂别人的文章里哪里哪里不对，进而演变为完全否定他人。我后来发现他对某些术语的理解有诸多“与众不同”，即他自己从概念和定义上就否定了别人。而有这...
组件、插件、模块、子应用、库、框架等概念辨析
FantasyWind-奇风的悟道之地
06-12 1万+
组件、插件、模块、子应用、库、框架等概念辨析 网上有许多讲组件化、模块化等概念的文章，但大家一般都是将这两个概念混为一谈的，并没有加以区分。而且实际上许多人对于组件、插件、模块、子应用等概念的区别也不甚明了，甚至于许多博客文章专门解说这几个概念都有些谬误。 之前已经写了一篇文章专门对组件和模块两个概念进行辨析，现在我们对于更多的概念在更高的层次上进行辨析。 想分清这几个概念我觉得结合一下软件...
[架构之路-216]- 架构 - 概念架构 - 模块（Module）、组件（Component）、包（Package）、对象、函数的区别
文火冰糖（王文兵）的博客
06-20 5037
在软件架构中，一个重要的任务就是切分系统，而切分系统进程涉及到一个基本的概念，如模块（Module）、组件（Component）、包（Package）、对象，本文澄清他们的区别。组件()和模块(Module)是一对容易混淆的名词，也常常被用来相互替换。两者是否有差异往往取决专业背景、所在领域、以及视角。从设计上来看，组件强调复用，模块强调职责(内聚、分离)，或者说组件是达到可复用要求的模块。模块、组件和对象这三个名词，是软件开发中非常常见的说法。
模块化和组件化
weixin_47027269的博客
03-16 187
模块：从代码的角度分析，分属同一功能/业务的代码进行隔离（分装）成独立的模块，可以独立运行，独立管理，每个模块有很多接口，可供调用。组件：从ui界面角度，补一些可复用的ui元素，抽离为单个组件，便于项目的维护和开发。
前端组件化开发
热门推荐
chenchun的博客
11-28 2万+
Component，中文称为组件，或者构件。使用非常比较广泛，它的核心意义在于复用，相对模块，对于依赖性有更高的要求。 Module, 中文为模块或模组。它的核心意义是分离职责，属于代码级模块化的产出。它本身是提供服务的功能逻辑，是一组具有一定内聚性代码的组合，职责明确。 组件(Component)和模块(Module)又是一对容易混淆的名词，也常常被用来相互替换。个人总结，从设计上来看，组件强
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值