前端模块化、组件化理解

随着前端项目规模的增大，我们要考虑提高开发效率，增加代码复用，以及降低模块功能耦合等问题。

模块化

模块化是软件工程中的一种思想，将大的问题拆解细分成一个个小问题，然后分而治之。随着小问题的逐个解决，使大问题最终也得到解决。
前端开发主要体现在：编写代码时，将功能封装在一个个独立的js模块内，然后相互引用，完成整个功能的搭建。
至于实现这种思想的方案有：CommonJS，AMD，CMD，以及es6模块化方案等。
（主要是node环境的commonJS和es6规范比较重要，不详细解释了）

组件化

相较于模块化思想，组件化更关注于视图层。
将网页按功能区域划分开来，每一个独立区域理解成一个组件。组件作为一个模块单独维护，只对外提供出入口。然后将多个独立的组件进行各种拼接，就能构建出不同的页面。
引用菜鸟教程的上的一个图，比较方便理解。

前端模块化、组件化理解相关推荐

模块化组件化工程化_软件工程中的模块和软件组件
模块化组件化工程化 The module in software is a small part of the software that is responsible for performin ...
面向接口编程实施模块化/组件化解耦，以友盟、极光等统计分析为例
模块化/组件化通过模块化/组件化组织代码,面向接口编程,尽可能做到高内聚.低耦合.重复用. 模块可分为多种类型,一般分为:基础库(日志打印.网络请求.图片加载等).三方包(微信登录.统计分析.消息推 ...
前端的组件化和模块化
组件化和模块化为什么会有组件化和模块化?当我们的项目复杂度不断上升,项目维护成本逐渐提高之后,对于旧项目的维护就变得格外困难.前端如果按照以前的编程方式,将许多html和js代码都封装在同一个页面, ...
美团是用html开发,剖析美团网站前端的组件化开发经验
前言一位计算机前辈曾说过: Controlling complexity is the essence of computer programming. 随着前端开发复杂度的日益提升,组件化开发应运而 ...
前端模块化的自我理解
前端模块化在JavaScript发展初期就是为了实现简单的页面交互逻辑,寥寥数语即可:如今CPU.浏览器性能得到了极大的提升, 很多页面逻辑迁移到了客户端(表单验证等),随着web2.0时代的到来, ...
Android：项目模块化/组件化的架构之路（一）
文章目录前言推荐模块化需要做什么一.如何拆分项目二.模块之间的通信 1. 常用的通信方式 2. 改善通信方式 2.1 使用接口进行通信 2.2 如何对外暴露接口 2.3 使用EventBus ...
前端面试题，前端组件化、工程化、模块化的概念
1.前端模块化: 可以理解为一组自定义业务的抽象封装,是根据项目的情况来进行封装组合到一起的,比如我们可以分为登录模块,评论模块.模块可维护性好,组合灵活,方便调用,多人协作互不干扰. 2.前端组件化 ...
前端模块化、组件化开发
使用过ReactJS进行Web UI的组件化开发,和使用过AngularJS的双向数据绑定和模块化后,感觉到了组件化.模块化.双向数据绑定对Web前端开发的重要性. 1.组件化可以极大提高前端代码的可 ...
什么是前端模块化，组件化，工程化？
1.前端模块化: 可以理解为一组自定义业务的抽象封装,是根据项目的情况来进行封装组合到一起的,比如我们可以分为登录模块,评论模块.模块可维护性好,组合灵活,方便调用,多人协作互不干扰. 2.前端组件化 ...

前端模块化、组件化理解

前端模块化、组件化理解

模块化

组件化

前端模块化、组件化理解相关推荐

最新文章

热门文章