前端页面修改提示

Question

类似于网络流程图在线编辑器，需要提供编辑，保存等功能并且进行相应提示，比方说在进行了数据更改之后需要有类似word等编辑器未保存的*提示。请问对比响应提示的功能需要如何完成，若是进行数据对比，数据过多会不会导致浏览器缓慢之类的问题。

Answer 1

推荐用vue，双向绑定数据，每个表单项加blur单独进行验证。

Answer 2

两种方式
一个是监控页面数据的修改，只要修改过就把某个flag置成true，这样触发关闭浏览器的时候只要是这个flag是true就可以弹框提示。

第二种是直接对数据进行全量对比，如果有对象或者数组直接粗暴的toString()解决，在数据量不是特别大的情况下没啥问题。

至于监控关闭浏览器事件，你可以用window.onbeforeunload，详情可参考https://developer.mozilla.org...