For investors
股价:
5.36 美元 %For investors
股价:
5.36 美元 %认真做教育 专心促就业
说起组件化和模块化很多人以为我们是在谈论编程开发技术,但是随着UI设计行业的不断发展,组件化与模块化也可以实现了,下面我们就通过案例分析来简单了解一下,组件化设计与模块化设计的区别。
1.什么是组件和模块
组件
把重复的代码提取出来合并成为一个个组件,组件重要的就是重用(复用),位于框架底层,其他功能都依赖于组件,可供不同功能使用,独立性强。
模块
分属同一功能/业务的代码进行隔离(分装)成独立的模块,可以独立运行,以页面、功能或其他不同粒度划分程度不同的模块,位于业务框架层,模块间通过接口调用,目的是降低模块间的耦合,由之前的主应用与模块耦合,变为主应用与接口耦合,接口与模块耦合。
模块就像有多个USB插口的充电宝,可以和多部手机充电,接口可以随意插拔。复用性很强,可以独立管理。
2.组件和模块的区别
组件
就像一个个小的单位,多个组件可以组合成组件库,方便调用和复用,组件间也可以嵌套,小组件组合成大组件。
模块
就像是独立的功能和项目(如淘宝:注册、登录、购物、直播…),可以调用组件来组成模块,多个模块可以组合成业务框架。
3.为什么要使用组件化和模块化?
开发和调试效率高
随着功能越来越多,代码结构会越发复杂,要修改某一个小功能,可能要重新翻阅整个项目的代码,把所有相同的地方都修改一遍,重复劳动浪费时间和人力,效率低;使用组件化,每个相同的功能结构都调用同一个组件,只需要修改这个组件,即可全局修改。
可维护性强
便于后期代码查找和维护。
避免阻断
模块化是可以独立运行的,如果一个模块产生了bug,不会影响其他模块的调用。便于后期代码查找和维护。
版本管理更容易
如果由多人协作开发,可以避免代码覆盖和冲突。
组件化和模块化一般情况是一起出现的,他们就像好兄弟,虽然可以分离但好一起有个照应。
4.组件的创建和嵌套方法
了解了程序逻辑,那么在我们设计中如何运用呢,我们简单演示一下组件的创建和嵌套。
组件的创建:
选中要创建的组件的元素,点击创建组件,在组件中就可以看到该组件,修改组件样式,会发现所有使用该组件的样式都发生了改变。
组件的嵌套:
选中要创建的组件的元素,点击创建组件,在组件中就可以看到该组件,修改组件样式,会发现所有使用该组件的样式都发生了改变。
【免责声明】:本内容转载于网络,转载目的在于传递信息。文章内容为作者个人意见,本平台对文中陈述、观点保持中立,不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销,赚更多好礼。