7.2. 使用 Moment.js
优化最后更新时间
上一节的话题列表中,话题的 更新时间
我们直接使用了话题的 updated_at
属性,更好的显示方式为 x 分钟前
,x 小时前
。在 Laravel 中我们可以使用 Carbon 的 diffForHumans
方法格式化时间,小程序中我们也需要一个类似的工具。Moment.js 就是这样一个处理时间的工具,下面我们来安装并使用它。
很多人可能第一时间想到的解决方案是修改接口,让接口默认将时间格式化为 x 分钟前
,这样虽说能解决问题,但是十分不推荐,因为:
- 接口不应该知道客户端需要如何显示数据,接口只需要做到数据统一,时间应该返回统一的格式;
- 接口是独立的,不会与页面耦合,不应该因为客户端的显示需求而修改接口。