1. application/x-www-form-urlencoded — 经典老兵，永远可靠的“黑客帝国” 角色简介： 这个选手是老兵，是传统 Web 表单的“开路先锋”。虽然没什么花哨的技能，但

实现了对用户刷新、关闭标签页、浏览器历史回退、路由跳转等操作的拦截，可以在某些特殊场景下给用户一些友好的提示，提升用户体验。

浏览器打开`A`标签页登录了`a`账号，然后又到`B`标签页登录了`b`账号,也就是同时登录了两个账号，然后到`A`下去操作数据(不刷新页面)，结果造成了在`A`下修改到了`B`的数据，而且两个账号的

用户填写表单时，需要监听浏览器返回按钮，当用户点击浏览器返回时需要提醒用户是否离开。如果不需要，则需要阻止浏览器回退 popstate，MDN 的解释是：当浏览器的活动历史记录条目更改时，将触发 popstate 事件。 目前多页面还没有能直接阻止浏览器回退的 API，所以我们…

产品有一个需求，在页面有文本框在编辑状态时，用户关闭、刷新、返回、页面跳转时要拦截用户操作，明确告知用户会丢失数据。考虑到这是一个常用功能，于是封装一个通用的组合函数来在项目中使用。 src/comp

相信不少前端同学对 Chrome 扩展插件并不陌生：比如能屏蔽广告的 Adblock、自定义标签页的 Infinity 新标签页、格式化 JSON 的开发小工具、截图工具，甚至还