MutationObserver 监听元素变化-技术圈

MutationObserver 监听元素变化

共 1067字，需浏览 3分钟

2022-01-11 21:22

1、MutationObserver 监听dom变化。用户可选择隐私cookie分类加载，可使用这个API来禁止脚本插入

https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver

const callback = function(mutationsList, observer) {    for(const mutation of mutationsList) {        if (mutation.type === 'childList') {            for(const node of mutation.addedNodes) {                if(node && node.tagName === 'SCRIPT') {                    if(node.className.indexOf('cate-prefer2') > -1) {                        node.setAttribute('type', 'text/html');                    }                }            }        }    }};

2、元素对角线使用背景渐变，做下记录。一般用于显示选项不可选择

background-image: linear-gradient(    to top right,    transparent 0%,    transparent calc(50% - 1px),    #ccc 50%,    transparent calc(50% + 1px),    transparent 100%);

3、《现代JavaScript教程》在线文章，“正则灾难性回溯”篇章，提升了认知。无论js新手老手，个人觉得都值得一读。
https://zh.javascript.info/

4、动态图片生成方案，原先一般是直接html2canvas前端走起，近期“阅文前端团队”分享了一篇博文，有需要的可以参考，微信或知乎搜索即可，总结了前端和后端处理的各种优缺点。