• 技术文章 >web前端 >前端问答

    jquery中模块化和组件化的区别是什么

    青灯夜游青灯夜游2022-07-05 17:32:55原创173

    jquery中模块化和组件化的区别:1、模块化是将分属同一功能/业务的代码隔离(分装)成独立的模块;而组件化是把重复的代码提取出来合并成为一个个组件。2、模块之间有依赖的关系,可通过路由器进行模块之间的耦合问题;而组件之间低依赖,比较独立,每个组件单独提出来也能正常使用,有很高的重用性。

    本教程操作环境:windows7系统、jquery3.6.0版本、Dell G3电脑。

    jquery中模块化和组件化的区别

    看图哈 关系以及映射关系

    1.png

    1、什么是组件化和模块化

    组件:把重复的代码提取出来合并成为一个个组件,组件最重要的就是重用(复用),位于框架最底层,其他功能都依赖于组件,可供不同功能使用,独立性强。

    模块:分属同一功能/业务的代码进行隔离(分装)成独立的模块,可以独立运行,以页面、功能或其他不同粒度划分程度不同的模块,位于业务框架层,模块间通过接口调用,目的是降低模块间的耦合,由之前的主应用与模块耦合,变为主应用与接口耦合,接口与模块耦合。

    2、组件化和模块化的区别

    组件:就像一个个小的单位,多个组件可以组合成组件库,方便调用和复用,组件间也可以嵌套,小组件组合成大组件。

    组件之间低依赖,比较独立,每个组件单独提出来也能正常使用,很高的重用性

    模块:就像是独立的功能和项目(如淘宝:注册、登录、购物、直播…),可以调用组件来组成模块,多个模块可以组合成业务框架。

    模块之间有依赖的关系,可通过路由器进行模块之间的耦合问题。

    3、为什么要使用组件化和模块化?

    下面来总结一下本文内容:

    组件:把重复的代码提取出来合并成为一个个组件,组件最重要的就是重用(复用)

    模块:分属同一功能/业务的代码进行隔离(分装)成独立的模块,可以独立运行,独立管理,每个模块有很多接口,可供调用

    组件化模块化优点:开发调试效率高、可维护性强、避免阻断、版本管理更容易

    以上就是jquery中模块化和组件化的区别是什么的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:组件化 模块化 jquery
    上一篇:python和jquery是什么意思 下一篇:jquery怎么删除div元素的class属性
    20期PHP线上班

    相关文章推荐

    精选22门好课,价值3725元,开通VIP免费学习!• jquery中jtable方法怎么用• jquery.session.js怎么用• jquery异步请求是什么意思• jquery中map返回的是对象还是什么• jquery中怎么使用ajax请求• jquery-seat-charts插件是什么
    1/1

    PHP中文网