模块化开发和组件化开发的认识

最新推荐文章于 2024-04-20 18:55:40 发布
最新推荐文章于 2024-04-20 18:55:40 发布
阅读量129 收藏
点赞数
原文链接：http://www.cnblogs.com/sj-blogs/p/9054387.html
版权

模块化：作用于js；基于功能对文件进行拆分；

组件化：作用于整个应用，基于功能单元对文件进行拆分；

二者都是为了重复引用。

转载于:https://www.cnblogs.com/sj-blogs/p/9054387.html

weixin_33774883
关注
前端：组件化开发和模块化开发的区别到底在哪？？？
江咏之
09-07 1234
组件化开发和模块化开发概念辨析 网上有许多讲组件化开发、模块化开发的文章，但大家一般都是将这两个概念混为一谈的，并没有加以区分。而且实际上许多人对于组件、模块的区别也不甚明了，甚至于许多博客文章专门解说这几个概念都有些谬误。 想分清这两个概念我觉得结合一下软件的渐进式开发场景更容易理解。但是下面的篇幅会比较长，所以我先说结论，不耐烦的同学可以先看： 概念区别 对比 类别 目的 特点 接口 成果 架构定...
软件架构及其演进:模块化开发示例
AI天才研究院
08-04 863
软件开发的过程一般分为需求分析、设计、编码、编译、测试、发布等几个阶段，这些阶段都会引入一些不可预测因素。比如需求不明确、开发周期长等。因此，项目交付后，一定要保证质量。代码集成是一个有效的方法，可以减少软件交付时间，降低缺陷和错误率。同时，代码集成也可以提升项目可靠性和质量。软件架构（Software Architecture）指的是软硬件系统的结构、功能、以及它们之间关系的抽象表示。它包括三层架构、四层架构、五层架构、六层架构等。最简单的三层架构如图所示：上图描述了软件架构的基本框架。
React 系列四： 认识组件化开发
XHSRookies的博客
07-19 367
快来加入我们吧！ "小和山的菜鸟们"，为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验，请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习，及时获取最新文章。 "Code tailor" ，如果您对我们文章感兴趣、或是想提一些建议，微信关注 “小和山的菜鸟们” 公众号，与我们取的联系，您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励！ 前言 这节我们将介绍前端组件化的思想，以及 React 中的组件化思想。 本文会向你介绍以
vue组件
weixin_30786617的博客
05-27 157
todolist案例 布局问题 前端的UI组件库 组件 组件化 组件化是当今最为流行的一种可复用性增加的方法，随着当今前端开发的复杂度更加，这个组件化变得越来越流行 组件的基础 组件是一个具备html css img js …等的一个聚合体 组件的表现形式就类似一个标签 组件至少得有...
组件化开发和模块化开发概念辨析
热门推荐
FantasyWind-奇风的悟道之地
01-29 3万+
组件化开发和模块化开发概念辨析 网上有许多讲组件化开发、模块化开发的文章，但大家一般都是将这两个概念混为一谈的，并没有加以区分。而且实际上许多人对于组件、模块的区别也不甚明了，甚至于许多博客文章专门解说这几个概念都有些谬误。 想分清这两个概念我觉得结合一下软件的渐进式开发场景更容易理解。但是下面的篇幅会比较长，所以我先说结论，不耐烦的同学可以先看： 概念区别 对比 类别
模块化开发和组件化开发_开发更快，更流畅的组件
cuk5239的博客
07-23 178
模块化开发和组件化开发 Vuenut (vuenut) Vuenut is a component based on vue js that is responsible for manipulating save and visualize the data of vuex to facilitate the work and improve the production. Vuenut是基于...
模块与组件、模块化与组件化
信念之于人，犹翅膀之于鸟，信念是飞翔的翅膀
04-23 181
模块与组件、模块化与组件化的理解 模块 理解：向外提供特定功能的js程序, 一般就是一个js文件 为什么要拆成模块：随着业务逻辑增加，代码越来越多且复杂。 作用：复用js, 简化js的编写, 提高js运行效率 组件 理解：用来实现局部功能效果的代码和资源的集合(html/css/js/image等等) 为什么要用组件： 一个界面的功能更复杂 作用：复用编码, 简化项目编码, 提高运行效率 模块化 当应用的js都以模块来编写的, 这个应用就是一个模块化的应用 组件化 当应用是以多组件的方式实现, 这个
一篇读懂 Android 开发中模块化、组件化、插件化和热修复
m0_70748458的博客
06-14 1879
模块：最初的目的是将同一类型的代码整合在一起； 所以模块的功能相对复杂，但都同属于一个业务；不同模块之间也会存在依赖关系； 但大部分都是业务性的互相跳转，从地位上来说它们都是平级的特点：分属同一功能/业务的代码进行隔离（分装）成独立的模块，可以独立运行； 以页面、功能或其他不同粒度划分程度不同的模块，位于业务框架层，模块间通过接口调用，目的是降低模块间的耦合，由之前的主应用与模块耦合，变为主应用与接口耦合，接口与模块耦合；模块就像有多个USB插口的充电宝，可以和多部手机充电，接口可以随意插拔，复用性很强，可
《Vue入门到精通系列之二》--- 组件化开发与前端模块化(1)
最新发布
2401_84097745的博客
04-20 618
人面对复杂问题的处理方式：任何一个人处理信息的逻辑能力都是有限的，所以，当面对一个非常复杂的问题时，我们不太可能一次性搞定一大堆的内容。但是，我们人有一种天生的能力，就是将问题进行拆解。如果将一个复杂的问题，拆分成很多个可以处理的小问题，再将其放在整体当中，你会发现大的问题也会迎刃而解。组件化也是类似的思想：如果我们将一个页面中所有的处理逻辑全部放在一起，处理起来就会变得非常复杂，而且不利于后续的管理以及扩展。
前端如何实现模块化开发？
小陈的博客
11-11 723
为大家准备了一个前端资料包。包含54本，2.57G的前端相关电子书，《前端面试宝典（附答案和解析）》，难点、重点知识视频教程（全套）。
高手进阶组件化开发前端成长必经之路
05-19
第1章 课程介绍 包括课程概述、课程安排、学习前提等方面的介绍，让同学们对组件化有一个直观的了解。 1-1 课程导学 第2章 环境及知识准备 帮助大家梳理课程要用到的开发环境及知识储备 2-1 环境及知识准备 第3章 业务开发流程与工程构建安装 该章节会快速的讲解各大公司的业务开发流程，包括技术选型、业务开发、测试验证、发布上线等内容，方便大家定位前端开发的角色及注意事项。并帮助大家快速的搭建开发环境，把主要精力放到项目的设计学习上，所有的构建放在最后的章节... 3-1 技术选型分析 3-2 工程构建安装 第4章 项目设计与原理分析 该章节根据需求分析详细讲述项目设计方案，CSS模块化设计、JS组件设计、自适应 、SPA设计、构建设计、上线指导等内容，并逐一讲述项目设计方案背后的工作原理理，做到知其然知其所以然。 4-1 CSS模块化设计 4-2 CSS模块化设计（代码） 4-3 JS组件化及自适应 4-4 SPA设计 4-5 构建工具及上线指导 第5章 京东金融首页 该章节开始实战环节，完成第一个项目的页面，其中还包括公共组件的开发。 5-1 首页-抽象组件设计（1） 5-2 首页-抽象组件设计（2） 5-3 首页-header组件 5-
模块与组件、模块化与组件化的理解分析
m0_50789201的博客
05-11 248
模块与组件、模块化与组件化的理解分析 一，模块 1.理解：向外提供特定功能的js程序, 一般就是一个js文件。 2.为什么要拆成模块：随着业务逻辑增加，代码越来越多且复杂。 3.作用：复用js, 简化js的编写, 提高js运行效率 二，模块化 当应用的js都以模块来编写的, 这个应用就是一个模块化的应用 三，组件 1.理解：用来实现局部功能效果的代码和资源的集合(html/css/js/image等等) 比如一个网页的头部部分，里面可以有css样式，img，js，html等，这放在一块就可
组件化和模块化总结
洋葱专栏-有灵魂的程序员
08-04 369
模块：主要是业务模块，单指业务。按照项目的业务拆分，例如，用户模块、首页模块、商城模块、电影模块等。 组件：主要对功能的封装，一个功能就是一个组件，Io\数据库\网络都是功能组件。基础功能组件、通用UI组件、基础业务组件。例如，基础组件的登录组件、地图组件、支付组件、直播组件、IM组件。然后业务组件有：电影组件、首页组件、我的组件、商城组件等。 模块之间需要考虑，模块之间页面跳转、数据传递、初...
前端组件化
zhaolisha9232的博客
02-27 441
什么是前端组件化和模块化？ 这两天一直在思考这个问题，以前对这两个概念的理解很模糊。认为“模块化”是侧重于功能或者数据的封装，目的是为了解耦合；而“组件化”更关注的UI部分，如一个页面可以分为头部、底部和内容区域等等。 这样的理解很明显是表层的简单的可能还是不正确的理解，最近反复阅读了苏宁前端“代码民工徐飞”关于组件化话的几篇文章，结合Angular1.x和Vue1.x的组件思想对组件
创建electron+vue+cesium项目
m0_63701303的博客
01-14 1005
electron+vue+cesium
谈谈你对模块化开发的理解？
water_v的博客
10-23 3206
题目点评主要考察你是否有做过比较复杂、庞大的项目，是否具备一定的编程思想。随着前端技术的发展，前端编写的代码量也越来越大，就需要对代码有很好的管理。目前比较好的开发语言就是OOP（面向对象语言）编程语言，例如java语言，C#语言。从JavaScript新的版本来看，要求JavaScript具有封装、继承、多态这样的优点需求越来越明显。这道题属于编程思想上范畴。什么是模块化所谓的模块化开发就是封装细
对于组件化自己的理解
weixin_33910385的博客
03-14 458
组件化 这里首先介绍WebComponents标准，以下为腾讯alloyteam团队的一篇文章里的内容。 <template>模板能力，WebComponent提供原生的模板能力 ShadowDOm封装组件独立的内部结构，ShadowDOm可以理解为一份有独立作用域的html片段。这些html片段的css环境和主文档隔离的，...
7人团队的iOS组件化开发探索与实践
团队在面临新项目开发时，尽管认识到组件化开发的性价比可能不高，但出于空档期和新项目需求的考虑，还是决定尝试组件化。 在实践之前，团队的项目已经采用了模块化（CocoaPods）开发和二进制化方案，具备一定的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值