JavaScript
文章平均质量分 61
Code Sheep
非科班出生,野路子程序员一枚!
展开
-
如何动态监听DOM的变化(Mutation Observer)
HTML5新特性之Mutation Observer1、概述Mutation Observer(变动观察器)是监视DOM变动的接口。当DOM对象树发生任何变动时,Mutation Observer会得到通知。在概念上,它很接近事件。可以理解为,当DOM发生变动会触发Mutation Observer事件。但是,它与事件有一个本质不同:事件是同步触发,也就是说DOM发生变动立刻会触发相应的事件;Mutation Observer则是异步触发,DOM发生变动以后,并不会马上触发,而是要等到当前所有DOM操原创 2022-04-06 10:40:17 · 4376 阅读 · 2 评论 -
如何阻止监听同一事件的其他事件监听器被调用
Event 接口的 stopImmediatePropagation() 方法阻止监听同一事件的其他事件监听器被调用。如果多个事件监听器被附加到相同元素的相同事件类型上,当此事件触发时,它们会按其被添加的顺序被调用。如果在其中一个事件监听器中执行 stopImmediatePropagation() ,那么剩下的事件监听器都不会被调用。const el = document.querySelector('p');el.addEventListener("keydown", (e) => {原创 2022-02-11 15:38:45 · 880 阅读 · 0 评论 -
判断对象是否为空对象 js
根据 for...in遍历对象如果存在则返回true,否则返回falsefor ( let i in obj) { return true;}return false利用JSON自带的 JSON.stringify()方法来判断大概思路就是转化为字符串’{}'来进行判断if (JSON.stringify(obj) === '{}') { return true;}return false;利用ES6中的 Object.keys来进行判断 (推荐)Obje原创 2020-11-26 16:30:49 · 25231 阅读 · 0 评论 -
前端常用60余种工具方法
作者:vipbichttps://segmentfault.com/a/1190000022736837邮箱export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}手机号码export const isMobile = (s) => { return /^1[0-9]{10}$/.test(s).转载 2020-06-02 16:00:23 · 58931 阅读 · 0 评论