背景

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

QQ邮箱

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

存储时机

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

2. 自动保存

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

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

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

存储地点

加密后存入localStorage

163邮箱

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

存储时机

1. 页面切换（比如切换至收件箱） 直接切换，如果编辑器内容发生改变，直接自动保存草稿并给予提示

2. 自动保存

• 保存至服务器：每3分钟执行一次定时器，直接保存内容至服务端

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

总结

共同点：

• 能够检测内容是否发生了变更

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

• 两套计时器，一套是定时保存（本地或者服务端），一套定时检测