MutationObserver 監(jiān)聽(tīng)元素變化
1、MutationObserver 監(jiān)聽(tīng)dom變化。用戶可選擇隱私cookie分類(lèi)加載，可使用這個(gè)API來(lái)禁止腳本插入
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、元素對(duì)角線使用背景漸變，做下記錄。一般用于顯示選項(xiàng)不可選擇
: linear-gradient(to top right,transparent 0%,transparent calc(50% - 1px),#ccc 50%,transparent calc(50% + 1px),transparent 100%);
3、《現(xiàn)代JavaScript教程》在線文章，“正則災(zāi)難性回溯”篇章，提升了認(rèn)知。無(wú)論js新手老手，個(gè)人覺(jué)得都值得一讀。
https://zh.javascript.info/
4、動(dòng)態(tài)圖片生成方案，原先一般是直接html2canvas前端走起，近期“閱文前端團(tuán)隊(duì)”分享了一篇博文，有需要的可以參考，微信或知乎搜索即可，總結(jié)了前端和后端處理的各種優(yōu)缺點(diǎn)。
評(píng)論
圖片
表情