首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
JavaScript - 事件
订阅
雾之旅人
更多收藏集
微信扫码分享
微信
新浪微博
QQ
11篇文章 · 0订阅
捕获用户在该页面停留的时长,我是这样做的(前端监测)
在监测功能的时候,我们首要考虑的就是,我们的监测代码不能影响我们现在的业务代码,和以后的业务代码。 经过自己的一点小测试,发现无论在关闭的时候(也就是点击叉),还是隐藏的时候(也就是点击左右箭头)都会触发 onpagehide;也无论是在首次加载,还是刷新的时候,都会触发onp…
javascript事件委托
简单的来说,事件委托就是利用js事件冒泡的特性,将内层元素的事件委托给外层处理,网上有个例子描述得特别到位:一个公司有很多个员工,每天都会有快递,如果快递到的时候每个要收快递的员工都去公司门口收,那门口就被堵住了,就算没被堵住,这样的操作效率也不高,所以有人就想,为什么不把快递…
全面让你了解和打造自己的自定义滚动条(提供组件
最近在封装一个自定义滚动条容器,打算以后用它来取代常用的div标签,因为在Window上的浏览器的确比较丑,为了跟mac里的滚动条尽量保持一致,自己动手封一个。 在动手时发现现有网络资源的一些不足之处,在这里加以补充和描述,希望后来之人在查阅资料时能看到这篇文章就能满足所需。 …
深入解析你不知道的 EventLoop 和浏览器渲染、帧动画、空闲回调(动图演示)
resize、scroll 这些事件是何时去派发的。 这些问题并不是刻意想刁难你,如果你不知道这些,那你可能并不能在遇到一个动画需求的时候合理的选择 requestAnimationFrame,你可能在做一些需求的时候想到了 requestIdleCallback,但是你不知道…
🔥JavaScript 自定义事件如此简单!
在前端开发世界中,JavaScript 和 HTML 之间往往通过 事件 来实现交互。其中多数为内置事件,本文主要介绍 JS自定义事件概念和实现方式,并结合案例详细分析自定义事件的原理、功能、应用及注意事项。 在日常开发中,我们习惯监听页面许多事件,诸如:点击事件( click…
新手也能看懂的虚拟滚动实现方法
本篇文章致力于小白也能懂的虚拟滚动实现原理,一步一步深入比较以及优化实现方案,内容浅显易懂,但篇幅可能较长。 如果你只想了解实现思路,那么可以直接看图或者跳到文章最后。 话不多说,直接开始好吧。 想像一下,当你有10万数据需要展示的时候,咋办呢?我们来试一下将它全部加载出来。 …
浅聊事件循环:宏任务和微任务
咱们先从js引擎开始。js是单线程的,也就是说所有的代码是一行接着一行运行的。此外js提供了宏任务和微任务这两个概念。先说宏任务。宏任务是一个外部脚本文件,一个用户交互触发的事件或一个setTimeout调用的回调函数。为了实现单线程这个概念,js有一个宏任务队列(先进先出),…
JS系列 | 当 Event Loop 遇上 async await
Event Loop 包括其相关概念,也许大家都懂了。但是 Event Loop 碰上 async await,执行顺序也许就和期望不一致。这到底是为什么呢?我花了几天时间去查资料和思考,但是还是没有捋顺,只是猜测 async 函数至少比普通函数多一步 then操作,但是不知道…
js 多个容器同步滚动卡顿问题
在实际工作中,会遇到一种场景,多个容器需要同步滚动--也就是滚动其中一个,另外几个容器也会同步的滚动以保证这几个容器所显示的内容都是相关的。 原因: 当左边滚动的时候,触发了左边的滚动事件,于是右边跟随滚动,但是与此同时右边的跟随滚动也是滚动,于是也触发了右边的滚动,于是左边也…
事件回调系统中处理错误
当然使用try-catch是没有问题的,但是既然我们正在开发,就应该得知具体的报错情况,并且处理掉,但是我们一旦使用try-catch就会帮我们静默的处理,并不会暴露错误,(chrome中有调试工具pause on caught exception只要出错就暂停到此处,使用tr…