文章草稿功能设计
在 segmentfault 写文章的过程中,发现它的草稿功能设计的很有意思,这篇文章来分析一下它的设计逻辑。新建文章 当你点击撰写,进入写文章页面有三个可编辑的区域:标题、标签、正文。只要触发其中一个改变,大概4秒后没有动作就会被自动保存为草稿。
【文章草稿功能设计】这时假如你有其他事情,不能完成文章的编写发布,没有关系,等你有时间时可以在撰写的下拉菜单中打开你的草稿,继续编辑即可。
- 再你正式发布文章前这样的操作可以反复进行,只会保存一个草稿。
- 当你发布文章后,对应的草稿会被删除。
- 当你的文章已经发布,再次编辑时,会为你生成一个上次内容的就版本,而且每进行一次编辑发布,都会产生一个新的版本,便于你恢复文章。
URL: https://segmentfault.com/gateway/draft/1220000041678229Method:PUTPayload:
{
"title": "文章草稿功能设计",
"tags": [1040000000089899, 1040000000391379, 1040000000089799],
"text": "> 在 segmentfault 写文章的过程中,发现它的草稿功能设计的很有意思",
"object_id": "",
"type": "article",
"cover": "",
"id": 1220000041678229
}
文章发布后 文章发布后,再次编辑
Request URL: https://segmentfault.com/gateway/draft/1220000041680164
Request Method: PUT
可以发现它保存草稿的时候id变成了1220000041680164。
延时4秒自动保存实现
推荐阅读
- EventBus|EventBus 在vue的实现
- 思维|结果填空(阶乘位数)
- vue实现简单分页功能
- javascript|原生JavaScript运动功能系列(一)(运动功能剖析与匀速运动实现)
- C语言重难点进阶|数据的存储【C进阶】
- c语言|C语言进阶(一)---数据的存储
- 投稿|扎克伯格发了个“Q币”?
- 稳定性建设系列文章1_大纲&方法论
- 全面公测 | 百度智能云CCE在离线混部功能
- 日志中台不重不丢实现浅谈