资讯专栏INFORMATION COLUMN

关于模块化、组件化的理解

546669204 / 2630人阅读

摘要:以上是小可对模块化的一些理解,有错误请江湖上各位好友指正,嘻嘻多多交流,一起成长进步

模块化、组件化是一种开发思想,是一种开发思路上的解决方案,我们大多数人要是没有深入理解 这个概念的话,会有一种模糊摸不着模块化、组件化意思的感觉,会有一种想用模块化、组件化来实现项目却不知道怎么下手。其实,只要记住,模块化只是一种思想,不是一种具体的解决方案。

在项目中,我们可能用到类似bootstrap里的组件(button)一样,我们把这些组件理解为组件化开发的实现,意识上,我们大多数人会刻意去区分组件化、模块化,其实这只是我们中文上去区分,英文上都是model,都只是一种解决思路,不同的是,需求不同,实现出来的代码效果也是不同。举个例子,bootstrap里的button组件,它是有一个独立的可执行的单员,就直接引用,在页面上你就会看到一个button的按钮出现,这也就是所说的颗粒化,而bootstrap里的栅格系统,你不可能单单引用栅格系统的样式类,页面中就会呈现出具体的效果出来,还需依赖一个具体的html标签或者其他的组件,而button组件是不需要依赖其他的组件或者什么的,人们就会惯性的理解成button是一个组件,栅格系统是一个模块,因为button是独立的。其实,他们都一样,只是需求不同,都是用模块化的思路解决方案。button的需求是开发一个ui组件,栅格系统是开发一个排版布局的布局解决方案。

事实上,模块化(组件化、模块化总称为模块化吧,不区分了)在我们实际项目开发上回很常用到,容易理解的是开发一个下拉框通用组件这种封装好的组件,难以理解的就是定义一个margin外边距的一系列的属性样式集合,比如margin:10,margin:20,margin:30等,这也是一个模块,定义的一个实现不同外边距的需求的模块实现。

当然,模块化说了是一种思路,不仅仅是体现在具体的代码逻辑上,还体现在文件管理上,页面布局等等,比如,webpack模块化管理工具上实现的多个入口的配置,按照页面或者页面中的不同模块区域对js/css图片等进行压缩整合按照不同页面呈现、不同模块区域呈现导入不同的文件,这也是模块化的思维。
以上是小可对模块化的一些理解,有错误请江湖上各位好友指正,嘻嘻~多多交流,一起成长进步~

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/84585.html

相关文章

  • 关于块化件化理解

    摘要:以上是小可对模块化的一些理解,有错误请江湖上各位好友指正,嘻嘻多多交流,一起成长进步 模块化、组件化是一种开发思想,是一种开发思路上的解决方案,我们大多数人要是没有深入理解 这个概念的话,会有一种模糊摸不着模块化、组件化意思的感觉,会有一种想用模块化、组件化来实现项目却不知道怎么下手。其实,只要记住,模块化只是一种思想,不是一种具体的解决方案。 在项目中,我们可能用到类似bootstr...

    SegmentFault 评论0 收藏0
  • 关于块化件化理解

    摘要:以上是小可对模块化的一些理解,有错误请江湖上各位好友指正,嘻嘻多多交流,一起成长进步 模块化、组件化是一种开发思想,是一种开发思路上的解决方案,我们大多数人要是没有深入理解 这个概念的话,会有一种模糊摸不着模块化、组件化意思的感觉,会有一种想用模块化、组件化来实现项目却不知道怎么下手。其实,只要记住,模块化只是一种思想,不是一种具体的解决方案。 在项目中,我们可能用到类似bootstr...

    Alex 评论0 收藏0
  • 前端面试知识点目录整理

    摘要:写在前面金三银四又到了一年一度的跳槽季相信大家都在准备自己面试笔记我也针对自己工作中所掌握或了解的一些东西做了一个目录总结方便自己复习详细内容会在之后一一对应地补充上去有些在我的个人主页笔记中也有相关记录这里暂且放一个我的面试知识点目录大家 写在前面: 金三银四, 又到了一年一度的跳槽季, 相信大家都在准备自己面试笔记, 我也针对自己工作中所掌握或了解的一些东西做了一个目录总结,方便自...

    xzavier 评论0 收藏0
  • 前端面试知识点目录整理

    摘要:写在前面金三银四又到了一年一度的跳槽季相信大家都在准备自己面试笔记我也针对自己工作中所掌握或了解的一些东西做了一个目录总结方便自己复习详细内容会在之后一一对应地补充上去有些在我的个人主页笔记中也有相关记录这里暂且放一个我的面试知识点目录大家 写在前面: 金三银四, 又到了一年一度的跳槽季, 相信大家都在准备自己面试笔记, 我也针对自己工作中所掌握或了解的一些东西做了一个目录总结,方便自...

    enda 评论0 收藏0
  • 前端知识归纳

    摘要:继承性子标签会继承父标签样式优先级行内样式选择器类选择器标签选择器通配符继承机制创建了的元素中,在垂直方向上的会发生重叠。 技能考察: 一、关于Html 1、html语义化标签的理解; 结构化的理解; 能否写出简洁的html结构; SEO优化 a、理解:根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时 让浏览器的爬虫和...

    sixleaves 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<