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

已于 2023-03-27 10:55:14 修改
阅读量71 收藏
点赞数
分类专栏： Vue2笔记 文章标签： vue
于 2023-03-24 15:15:10 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/min0320/article/details/129748188
版权
模块是提供特定功能的JS程序，用于复用和简化复杂JS编写，提高运行效率。组件是包含HTML/CSS/JS等的代码集合，用于实现界面的特定功能，便于复用编码和项目简化。模块化应用是所有JS按模块编写，而组件化应用则是功能以多组件形式呈现，两者均提升开发效率。
摘要由CSDN通过智能技术生成

目录

模块

组件

模块化

组件化

模块

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

组件

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

传统方式编写应用

使用组件方式编写应用

组件的定义

模块化

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

组件化

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

我要学前端！
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
[架构设计] 组件和模块的区别
weixin_34124577的博客
04-17 717
组件(Component)和模块(Module)又是一对容易混淆的名词，也常常被用来相互替换。两者是否有差异往往取决专业背景、所在领域、以及视角。个人总结，从设计上来看，组件强调复用，模块强调职责(内聚、分离)，或者说组件是达到可复用要求的模块。 Module, 中文为模块或模组。它的核心意义是分离职责，...
组件和模块
u011272360的专栏
04-20 160
模块：强调职责，这是一个可实现的单元，其核心是内聚和分离。 组件：强调复用。 模块&组件：与模块相比，组件对依赖行的要就更高，可以简单地理解为：组件是满足可复用的模块。 （以上摘自app架构师一书） ...
什么是模块，什么是组件
weixin_33737134的博客
08-15 1626
相同：都是基于功能划分的单位。比如说完成网络功能的组件、模块、完成统计功能的组件、模块； 这二者没有上下级的包含关系，模块可以由多个组件构建，独立的组件也通常由多个模块实现。不同： 组件，偏向发行的概念(outside)： 1、强调的是“跨项目的可重用性”这层意思。 比如“XXX采集卡通用远程监控组件”，表示这个东东是完成远程监控功能，并...
【关于组件和模块】
老照片
05-12 365
关于组件和模块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 612
构件 组件 模块
模块化、插件化和组件化
01-20
模块化、插件化和组件化是软件开发中常见的架构设计策略，特别是在Android开发中，它们对于项目的可维护性、扩展性和团队协作至关重要。这里我们将深入探讨这些概念以及它们之间的关系。 **模块化** 是一种将大型...
58同城iOS客户端搜索模块组件化实践
02-25
58同城的搜索功能支撑了近一半的用户流量，所以搜索是一个很重要的模块。众所周知，iPhone的搜索是通过Spotlight来实现的，那么在App内部是如何实现搜索呢？首先了解一下58同城的搜索需求：1.58同城首页，提供搜索...
Android--开发:由模块化到组件化
02-25
在AndroidSDK一文中，我们谈到模块化和组件化，现在我们来聊聊组件化开发背后的哪些事.最早是在广告SDK中应用组件化,但是同样适用于普通应用开发以下高能,请做好心理准备,看不懂请发私信来交流.本文不推荐新手阅读,...
组件化,模块化架构,功能开关灵.gif
最新发布
09-25
组件化,模块化架构,功能开关灵
组件、模块与插件
onne2023的博客
07-21 187
Joomla的核心组成-组件、模块与插件。
【Vue基础七】--- 组件和模块概念
hannah2233的博客
09-17 1105
h2>学校姓名： {{schoolName}}学生姓名： {{name}}地址： {{address}}学生年龄： {{age}}学校姓名：学生姓名非单文件组件： 一个文件中包含有n个组件。// 第二步：注册组件（局部注册）// 创建school组件。// 创建school组件。// 创建student。// 创建hello组件。
什么是模块化，组件化， 插件化？
热门推荐
feipengwang的博客
06-01 2万+
最近毕竟火的也就是组件化的应用了，可以大大加快项目的开发进度，对此本人亲自做了demo,有想了解的朋友请关注：https://github.com/wangpengfei1992/ModularizedDemo  废话不多说，解释一下这几个的概念和区别的个人理解.单工程模式移动开发诞生，我们开发移动项目，我相信大多用的是单工程单任务的开发模式，二话不说，直接就开始写起，是不是这样呢？ new Pr...
关于前端开发中“模块”和“组件”概念的思考
蜗牛不会跑
06-27 2196
术语的重要性首要是澄清术语。同事平时交流的时候，有比较多的上下文信息是双方已经预先知道的，所以容易推断对方要表达的意思，一定程度的术语混淆关系不大。但是和其他人交流的时候，如果不明确术语的内涵和外延，经常变成鸡同鸭讲的状况。举个例子来说，上次看到有位同学老是骂别人的文章里哪里哪里不对，进而演变为完全否定他人。我后来发现他对某些术语的理解有诸多“与众不同”，即他自己从概念和定义上就否定了别人。而有这...
React学习笔记三-模块与组件的理解
zhangawei123的博客
05-18 746
此文章是本人在学习React的时候，写下的学习笔记，在此纪录和分享。此为第三篇，主要介绍react中的模块与组件。
对组件、模块、子系统、系统、框架、架构 定义浅析
Knight-ZXW的博客
05-11 1万+
内容总结自 极客专栏 模块与组件 模块和组件的概念在实际工作中比较容易混淆，但是实际上只要认识到模块和组件都是系统的组成部分，只是从不同的角度拆分系统就容易理解了。 从逻辑的角度来拆分系统后，得到的单元就是“模块”，从物理的角度来拆分得到的单元就是“组件”。划分模块的主要目的是职责分离；划分组件的主要目的是单元复用。 系统与子系统 系统是由一群有关联的个体组成的，没有关联......
分析组件化与模块化之间的区别
liuying263的专栏
02-01 710
分析组件化与模块化之间的区别
类库、框架、模块、组件等概念介绍
云原生Java Web领域技术博客
06-19 2732
在软件架构介绍一文，将软件架构本质定性为元素(element)和这些元素之间的关系(relation)。这里，汇总下软件架构中常见的元素，方便统一交流。这些元素包括但不限于类库、框架、模块、组件、服务、平台等。 ......
组件、模块的区别是什么？
dizhi6587的博客
08-05 739
组件化就是做一个网站，把导航栏拆成一个组件，一个一个回答区域拆成一个组件，编辑区是一个组件，页脚是一个组件，等等。。你可以尽情拆分。一个组件包含了html、css、js代码，可以简单理解为页面的一块。组件化更多关注的UI部分，页面的每个部件，比如头部，内容区，弹出框甚至确认按钮都可以成为一个组件，每个组件有独立的HTML、css、js代码。可以根据需要把它放在页面的任意部位，也可以和其他...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值