自建开发工具系列 -Webkit 内存动量监控 UI（三）

现在头脑风暴一下第一篇需求产生的功能点，然后再制定 MVP（Minimum Viable Product – 最简化可实行产品）来进行初版工具的功能与未来的发布路线

• 显示内存的使用量

• 显示内存变化

• 显示内存下降的信息

• 可定义显示监控位置

• 在非 Webkit 核心的浏览器上做出提示

转换目标全功能需求为下表：

• 显示内存使用量

• 默认显示内存现在时刻的使用量

• 分别用不同颜色显示内存使用量和内存下降信息

• 默认 1 秒刷新

• 增加高速刷新功能至每帧都能刷新

• 增加内存时间轴与路由的时间轴变化记录

• 导出时间轴变化记录成文件

• 显示内存变化

• 默认显示内存用量的时间轴

• 将内存使用量和下降时刻同时显示

• 显示内存用量最高/最低数值

• 显示内存下降的信息

• 默认显示内存下降的时刻

• 显示下降的量

• 根据路由记录相同路径前后值比较并提示

• 可定义显示监控位置

• 默认放置右上角

• 可配置放四个角落

• 可定制具体的位置样式

• 在非 Webkit 核心的浏览器上做出提示
  

• 默认提示只能用 Webkit

• 提示信息后自动收起 UI

实现一个工具不应该是无序制作，就像下图第一行中造车一样漫长的周期。也不应该是为了勉强跑起来，应该为了最终目标服务，不然就像下图第三行中那样先做卡车后做汽车

制作工具往往需要制定最小可行产品，并且根据真实反馈逐步迭代，才能在实际使用中随着需求成长。而不是做出一个远离真实需求的完整多功能产品后，说服用户使用，因为你的目标如果和用户差太远，可能成本收不回来。

所以，在这种情况下，就不减少功能点，仅仅收缩一下每个功能点之下的功能线，并从当前的全量需求提取一个 mvp 目标如下：

• 显示内存使用量

• ‍默认显示内存现在时刻的使用量

• ‍分别用不同颜色显示内存使用量和内存下降信息

• ‍默认 1 秒刷新

• 显示内存变化

• ‍默认显示内存用量的时间轴

• ‍将内存使用量和下降时刻同时显示

• 显示内存下降的信息

• ‍默认显示内存下降的时刻

• ‍显示下降的量

• 可定义显示监控位置

• ‍默认放置右上角

• 在非 Webkit 核心的浏览器上做出提示‍

• ‍默认提示只能用 Webkit

顺便吐槽一下这个 markdown 没有表格，只好重写为无序列表。。。。咱们下期进行 UI 的细分解