前端组件
什么是组件
组件是一种编程抽象,目的是复用。
组件类似于编程语言中的某些特定功能的模块,要实现和这个模块类似的功能时,只需要调用这个函数即可不需要关注其内部实现,也不需要自己去实现。
为什么会出现组件
- 当某个函数或功能多次使用时,程序员会很自然的把它抽离出来,前端开发也是如此加入要实现个功能如 轮播图,轮播图这个功能可能在很多项目中都有使用场景,如果每个项目都实现一遍轮播图的代码
- 并不是每个人都是编程大神,大多数只能借鉴优秀开发者的代码
当面临某个重复功能如何拆分组件
多个组件如何管理
- 通用型组件库
- 业务型组件库
如何建设组件库
组件库设计:高内聚低耦合
内聚性,粒度
耦合性: 稳定
组件规范
组件生命周期 - 组件入库的标准是什么
开发流程,代码规范,技术设计重点关注内容, 发包时间 - 组件迭代
开发,新需求, - 组件退出
- 发包,评估结果,
组件由开发,发布到浏览,应用的全流程
组件平台应用,包括组件列表,组件详情页
组件多预览功能
实现README文档渲染功能
前端配置动态化功能
组件平台架构设计和技术选型
组件列表页功能实现
组件预览功能实现
组件README文档渲染
技术选型
React
UmiJS
参考
林溪:《Vue组件库建设实践》https://time.geekbang.org/dailylesson/detail/100016401