MutationObserver 监听元素变化
前端比划
共 1067字,需浏览 3分钟
· 2022-01-11
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、元素对角线使用背景渐变,做下记录。一般用于显示选项不可选择
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前端走起,近期“阅文前端团队”分享了一篇博文,有需要的可以参考,微信或知乎搜索即可,总结了前端和后端处理的各种优缺点。
评论
监听除某元素之外点击事件
需求:有时候如果我们需要监听某个元素职位的点击事件,例如input框获取焦点软盘弹起,托起 position: absolute; bottom: 0;在底部的dmoe元素,现在我点击软盘弹起状态的情况点击该dmoe时软盘不会失去焦点!npm:npm ...
Front小思
0
dom 获取不到?试试 CSS 动画监听元素渲染吧
在数据驱动视图的框架下,你最头疼的事情是什么?没错,就是获取dom。大部分业务逻辑都可以在数据层面进行处理,但有些情况就不得不去获取真实的dom,比如获取元素的宽高 dom.offsetHeight 或者调用某些dom方法等 do...
why前端
0
HscrollJavaScript 滚动条监听插件
监听滚动条滚到结尾的插件可以用于chrome,firefox,ie,手机浏览器使用起来很简单 同步的方式varmyScroll=newHscroll(window,function(){alert(
HscrollJavaScript 滚动条监听插件
0