前端组件的技术挑战指标和配套生态

所有指标都是围绕用户体验来制定的。

技术指标

技术指标重点集中在性能这一块,而性能则和大数据量息息相关。

视觉交互体验

图形渲染耗时(白屏等待时间长)

这块可能目前相对来说问题还不算很严重,但是确实是个方向。

大数据量支持

比如长周期的行情图、大数据量下的关系图等。这是目前我们实际遇到的问题。

关于行情图,可以通过数据聚合+图形拟合、异步按需加载等方式进行优化。

关于关系图,一般都是通过数据聚合来优化。

衡量体验的指标,主要是帧率,包括初始的渲染帧率和交互时的帧率。

网络传输

组件按需打包

目前D3Charts的完整包已经接近800K了,这个有点恐怖。

我们需要做到更加细致的按需打包,将ZRender的子模块也做到按需引入。

配套生态需求

质量

这部分我们不定量化指标,因为往上就偏主观艺术层面了,无法量化。我们的底线是用工具(比如sonar)守住下限。

这部分内容包括但不限于:

千行代码bug率

代码检查遵从度(sonar代码质量检测)

计算函数复杂度

整体需求满足度(80%的需求可通过配置完成)

简易需求满足度(80%中的60%无需自定义配置,即可快速使用)

自动化用例覆盖率

自动化用例成功率

表现力

设计还原度

动效实现难度/高难度动效完成数

开发过程

效率

满足需求的组件配置时间(多久能配一个符合需求的demo)

标准化组件的需求满足度(百分之多少的组件开箱即用)

迭代人均交付需求数

迭代人均问题数

上手难度

新手学习周期时长

文档搜索平均耗时(想要找一个东西多久能找到)

周边生态

文档
文档使用量(多少人次/日)

文档完善度

示例

标准化示例数量

示例业务/业务线覆盖度

答疑

issue数量

疑问解答平均耗时