美文网首页
组件的划分思考

组件的划分思考

作者: _MEmeNTO_ | 来源:发表于2017-10-27 11:51 被阅读0次
基础组件

它应该是和业务无关的,只负责渲染给入的数据。比如按钮是一个组件,可能有参数决定了它的尺寸,有参数决定了它是否可以点击,但是点击这个按钮之后会发生什么,就不是按钮这个组件需要知道的事情了。

业务组件

对内来看,它自己持有一些数据和方法,用来决定渲染和行为,对外又是一个简单的props接受数据,里面可以包含若干基础组件。
HTML5 的一些语义标签,其实天然就是组件,例如头部,脚部,导航栏,侧边栏,这些我们稍加改造就可以成为独立的模块组件。

页面组件

按路由划分,可以由若干模块组件和一些基础组件构成,类似传统网站的分页。

划分的3个关键点:

1.完整组件方案:将组件视为一个独立的产品,从多维度,多场景输出组件的方案和组合标准。

2.组件化思维:从需求出发,拆解页面表达结构和所需组件。

3.通用页面规则:通用的页面与组件的栅格体系及替换规则。

相关文章

  • 组件的划分思考

    基础组件 它应该是和业务无关的,只负责渲染给入的数据。比如按钮是一个组件,可能有参数决定了它的尺寸,有参数决定了它...

  • 2、react基础介绍

    React理念 划分组件边界的原则 React组件的数据种类 React组件的声明周期 组件的划分 高内聚 低耦合...

  • Vue之合理划分容器组件与展示组件

    组件的职能划分 如果要将 Vue 组件按照职能划分,我们可以将其分为两种类型:容器组件和展示组件。 容器组件和展示...

  • vue组件开发总结

    组件划分 组件职责划分 组件分类 组件设计原则 尽可能的减少状态 合理的依赖关系 扁平化参数 良好的接口设计 引用...

  • 《iOS组件化》组件的划分

    前言 组件的划分是在组件化之前最先要做的工作,也是非常重要的一环。组件划分不细致会造成很多冗余代码,或者划分的太细...

  • 组件抽离技巧总结笔记

    在项目中,对于组件的划分,我们一般会划分为业务组件和功能组件,也可以称为视图组件和容器组件。在vue中也被称为逻辑...

  • React组件的划分

    1. 组件化思想的应用: 有了组件化的思想,我们在之后的开发中就要充分的利用它。 尽可能的将页面拆分成一个个小的、...

  • 从零搭建组件库

    从零搭建Vue组件库 一.组件库的划分 我们的划分以elementUi为基准分为 Basic:Button、Ico...

  • vue组件

    模块化:是从代码逻辑的角度进行划分的 组件化:是从ui界面的角度进行划分的;前端的组件化,方便ui组件的重用 创建...

  • 简单的APP创建思路

    简单的APP创建思路 第一步:将UI按照结构分解为组件 划分组件时遵循[单一功能原则][1]。 将划分好的组件按照...

网友评论

      本文标题:组件的划分思考

      本文链接:https://www.haomeiwen.com/subject/xcukpxtx.html