前端组件


什么是组件

组件是一种编程抽象,目的是复用。
组件类似于编程语言中的某些特定功能的模块,要实现和这个模块类似的功能时,只需要调用这个函数即可不需要关注其内部实现,也不需要自己去实现。

为什么会出现组件

  1. 当某个函数或功能多次使用时,程序员会很自然的把它抽离出来,前端开发也是如此加入要实现个功能如 轮播图,轮播图这个功能可能在很多项目中都有使用场景,如果每个项目都实现一遍轮播图的代码
    1. 并不是每个人都是编程大神,大多数只能借鉴优秀开发者的代码

当面临某个重复功能如何拆分组件

多个组件如何管理

  • 通用型组件库
  • 业务型组件库
    如何建设组件库
    组件库设计:高内聚低耦合
    内聚性,粒度
    耦合性: 稳定
    组件规范
    组件生命周期
  • 组件入库的标准是什么
    开发流程,代码规范,技术设计重点关注内容, 发包时间
  • 组件迭代
    开发,新需求,
  • 组件退出
    • 发包,评估结果,

组件由开发,发布到浏览,应用的全流程
组件平台应用,包括组件列表,组件详情页
组件多预览功能
实现README文档渲染功能
前端配置动态化功能
组件平台架构设计和技术选型
组件列表页功能实现
组件预览功能实现
组件README文档渲染

技术选型
React
UmiJS

参考
林溪:《Vue组件库建设实践》https://time.geekbang.org/dailylesson/detail/100016401