前端组件的技术挑战指标和配套生态
所有指标都是围绕
用户体验来制定的。
技术指标
技术指标重点集中在性能这一块,而性能则和大数据量息息相关。
视觉交互体验
图形渲染耗时(白屏等待时间长)
这块可能目前相对来说问题还不算很严重,但是确实是个方向。
大数据量支持
比如长周期的行情图、大数据量下的关系图等。这是目前我们实际遇到的问题。
关于行情图,可以通过数据聚合+图形拟合、异步按需加载等方式进行优化。
关于关系图,一般都是通过数据聚合来优化。
衡量体验的指标,主要是帧率,包括初始的渲染帧率和交互时的帧率。
网络传输
组件按需打包
目前D3Charts的完整包已经接近800K了,这个有点恐怖。
我们需要做到更加细致的按需打包,将ZRender的子模块也做到按需引入。
配套生态需求
质量
这部分我们不定量化指标,因为往上就偏主观艺术层面了,无法量化。我们的底线是用工具(比如sonar)守住下限。
这部分内容包括但不限于:
千行代码bug率
代码检查遵从度(sonar代码质量检测)
计算函数复杂度
整体需求满足度(80%的需求可通过配置完成)
简易需求满足度(80%中的60%无需自定义配置,即可快速使用)
自动化用例覆盖率
自动化用例成功率
表现力
设计还原度
动效实现难度/高难度动效完成数
开发过程
效率
满足需求的组件配置时间(多久能配一个符合需求的demo)
标准化组件的需求满足度(百分之多少的组件开箱即用)
迭代人均交付需求数
迭代人均问题数
上手难度
新手学习周期时长
文档搜索平均耗时(想要找一个东西多久能找到)
周边生态
文档
文档使用量(多少人次/日)
文档完善度
示例
标准化示例数量
示例业务/业务线覆盖度
答疑
issue数量
疑问解答平均耗时