又一个非常大的版本。
这次,我们聚焦于调整与优化小工具集的前端部分,以提升项目的可维护性,为后续的功能更新做好准备。
视觉优化
首先,我们重新设计了一些页面:
![](https://img.haomeiwen.com/i19867175/eeea96fde6cd3bcf.png)
![](https://img.haomeiwen.com/i19867175/cf31d465803b8024.png)
![](https://img.haomeiwen.com/i19867175/956711caadc2aa3b.png)
同时,我们对更多页面进行了大屏展示的优化。
在内部实现方面,会员收益计算工具 和 URL Scheme 生成工具 现已进行重写。
我们设计了新版的鸣谢页面,包含全部贡献者名单,以鼓励大家参与到小工具集「捉虫计划」中。
![](https://img.haomeiwen.com/i19867175/340af080115b7c93.png)
以下问题已得到修复:
- 顶栏颜色主题切换按钮展示异常
- 上榜文章查询工具 中「排序依据」组件展示异常
词云图实现调整
词云图展示的实现现已调整,新版优化了小屏设备的展示效果,同时拥有更快的加载速度。
![](https://img.haomeiwen.com/i19867175/9b22dddb3e51cdab.png)
在下个版本中,我们将调整词云图分词模块的实现,以优化词云生成速度和分词准确率。
交互体验优化
现在,部分输入框将在聚焦时自动选中其内容以便于清空。
数据输入错误时将在输入框下方展示错误信息。
![](https://img.haomeiwen.com/i19867175/e6fe995a33170f52.png)
数据获取优化
现在,小工具集将使用 SWR 从后端获取数据。
数据将被重用并在后台自动更新,以减少在多个筛选条件间切换(如改变统计时间范围)时的加载时间。
当小工具集页面恢复前台展示或设备恢复联网时,数据将自动刷新。
在接下来的版本中,部分页面将支持数据手动刷新 / 定时刷新。
同时,部分数据获取的超时问题也得到了解决。
我们正在重构数据处理流程,将部分耗时较长的统计逻辑移动到后台执行,从而减少数据加载时间。
性能优化
除修改数据获取方式带来的性能提升外,我们还通过移除不必要的样式和代码逻辑、优化组件库打包方式等,将首页 JS 包大小降低了 20%(149kB => 119kB)。
后记
在下个版本中,我们将发布:
- 新版首页
- 资产排行榜分析工具
点击访问「简书小工具集」:https://tools.sscreator.com/
网友评论