![](https://img-blog.csdnimg.cn/9db4b1a7cbef43a7b02e1024ff767b99.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
javascript
文章平均质量分 61
js技术干货
勇敢快乐的风筝
分享前端技术干货
展开
-
你知道怎么给console.log添加样式吗
众所周知,console.log能在控制台打印出信息,常用于代码调试,我们都用烂了。但是,你可能不知道如何打印出带有样式的信息。打开百度首页的控制台,文本颜色是红色的京东的控制台也有样式如何制作哟样式的控制台信息直接上代码console.log('%c 好好学习,天天向上', 'background:#41b883;color:#fff;border-radius: 3px')效果预览笔记 (阅读这篇文章的收获)给 console添加样式,需要使用到占位符:%c第二个参数可以设原创 2021-12-17 17:49:32 · 419 阅读 · 0 评论 -
你所不知道的stopPropagation
大家都说stopPropagation能阻止事件冒泡,没错。但有个点你可能不知道,他还能阻止事件捕获传递。如果你还不了解DOM事件流,可以看我这篇文章[DOM事件流](https://www.jianshu.com/p/236f4e0beda9)举个????<div id="root"> <button id="btn">点我</button></div><script> var root = document.getElem原创 2021-12-15 14:30:57 · 533 阅读 · 0 评论 -
让你学会DOM事件流
1. 常用事件绑定方式1.1 对象属性绑定<button id="btn">点我</button><script> var btn = document.getElementById("btn"); btn.onclick = function() { console.log("事件触发") }</script>1.2 addEventListener()绑定<button id="btn">点我</butt原创 2021-12-15 11:15:55 · 181 阅读 · 0 评论 -
分清节流和防抖
现在大多数项目都在用React或者Vue,再配套一个UI库,快速搭建一个系统,的确方便了日常开发工作。我们在拥抱框架和开源工具库的同时,却渐渐淡忘了javascript基础知识,因为工具库太多了,需要什么npm上就有什么。今天选了节流和防抖这个话题来聊聊,这也是面试高频问题。很多人对节流防抖概念区分不开,不知道此时场景是用节流还是防抖?为什么会有节流和防抖我们常见的比如要监听浏览器滚动事件,或监听输入框值变化查询搜索结果等等,这些场景有个共同特点,频繁执行,然而我们不需要太频繁,比如滚动事件,间隔几原创 2021-12-15 11:12:31 · 684 阅读 · 0 评论 -
DOM事件流
1. 常用事件绑定方式1.1 对象属性绑定<button id="btn">点我</button><script> var btn = document.getElementById("btn"); btn.onclick = function() { console.log("事件触发") }</script>1.2 addEventListener()绑定<button id="btn">点我<原创 2021-12-11 09:47:43 · 71 阅读 · 0 评论