Hypnos966
获得徽章 2
- #每天一个知识点#
前端水印3：保护程序+DOM元素直接遮盖：
上述方案中，将资源绘制在Canvas虽是一种可行方案，但对于普通的DOM元素（非图片） 虽然有可行方案例如html2canva来将DOM转化为·Canvas，但是实现过于繁杂 并且DOM将失去其事件处理响应功能，故而并不推荐这么使用，除非需要保护的资源没有任何交互 使用浏览器新增的MutationObserver特性（主流浏览器都已支持，参考资料中有具体文档链接） 用来监视需要保护的DOM元素及其子代的更改（包括监视DOM及其子代的删减、Style的变化，标签属性变化等等），一旦回调函数通知出现了任何更改 我们可以做出提示，提醒用户操作违法，并且删除掉水印，并且重新生成水印DOM 或者在用户更改了水印DOM的时候，将需要显示的保护资源DOM一并删除展开评论1 - #挑战每日一条沸点#
Day30
文章介绍了JS沙箱是怎么做隔离的，值得进行深入学习和探讨。评论2 - #挑战每日一条沸点#
Day29
文章介绍了package.json配置完全解读，进行学习有利于深入了解。评论1 - #挑战每日一条沸点#
Day28
文章介绍了为什么作者建议一定要读一读Tapable源码，值得学习。评论1
![[吃瓜群众]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_10.42a731c.png)
![[尴尬]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_11.8824107.png)