道招

QQ邮箱、163邮箱自动保存草稿机制调研

如果您发现本文排版有问题,可以先点击下面的链接切换至老版进行查看!!!

QQ邮箱、163邮箱自动保存草稿机制调研

背景

准备优化自己的邮箱项目中草稿的保存,目前是完全依赖调用后端接口保存,并且不支持自动保存功能,希望先调用主流邮箱的机制,并与之保持一致的用户体验。

QQ邮箱

页面切换时主体窗口内iframe会覆盖成最新的,每次仅存在一个iframe。 file

存储时机
  1. 页面跳转(比如点击调转至收件箱) 判断当前是否存在内容变更,有则进行二次弹框确认,否则直接跳转

file

  1. 自动保存

    两个每30秒执行一次定时器

  • 保存至本地:如果编辑器内容发生改变则将编辑器内容保存至本地

  • 自动保存:如果编辑器内容发生改变则提交服务器(服务器返回成功后删除本地缓存)+ 保存至本地逻辑

file

存储地点

加密后存入localStorage

file

163邮箱

打开邮件,写邮件、查看邮件是使用新“标签”打开页面。

file

存储时机
  1. 页面切换(比如切换至收件箱) 直接切换,如果编辑器内容发生改变,直接自动保存草稿并给予提示

file

  1. 自动保存
  • 保存至服务器:每3分钟执行一次定时器,直接保存内容至服务端

  • 自动保存:执行一次定时器(首次是2分钟),内容有变化则提交服务端,并设置定时器为5分钟 + 执行下次定时器

总结

共同点:
  • 能够检测内容是否发生了变更

  • 页面跳转时自动保存草稿或者给予二次确认

  • 两套计时器,一套是定时保存(本地或者服务端),一套定时检测

更新时间:
上一篇:下一篇:

相关文章

关注道招网公众帐号
联系博主