分享 20 个 2025 年依旧「少人知道、却能立竿见影」的原生 API。 收藏 = 省下一个工具库 + 少写 100 行代码！ 1. ResizeObserver 精准监听任意 DOM 宽高变化，图

以前的前端页面很少有涉及页面的生命周期相关的话题，我们最熟悉的还是这几个beforeunload, unload 事件等，本文主要利用现代浏览器的生命周期事件来替换之前的事件以获得更好的效果。

b 站视频播放的是很快的，基本是点哪就播放到哪。 而且如果你上次看到某个位置，下次会从那个位置继续播放。 那么问题来了：如果一个很大的视频，下载下来需要很久，怎么做到点哪个位置快速播放那个位置的视频呢

「这是我参与2022首次更文挑战的第21天，活动详情查看：2022首次更文挑战」。 背景介绍 书接上文：「从零开始的大文件上传 」都 2022 年了我怎么还在写这个话题... 本篇文章思路连贯的为大家

原来我对好多 Web API 一无所知，打开了我新世界的大门，未来 Web 可以做到更多，早日一统江湖吧，吼吼吼。 虽然这些 API 很多目前还存在兼容性的问题，但是还是有必要了解一下的，文中的代码，我已经都测试过了。希望你看完之后能够有所收获。 你可能已经知道并使用更为流行的…

如果遇到过以上类似的场景，这时候就要考虑是不是浏览器指纹在其中发挥作用。 “浏览器指纹”是一种通过浏览器对网站可见的配置和设置信息来跟踪Web浏览器的方法，浏览器指纹就像我们人手上的指纹一样，具有个体辨识度，只不过现阶段浏览器指纹辨别的是浏览器。 人手上的指纹之所以具有唯一性，…

直接进入正题，IntersectionObserver 翻译为 "交叉观察者"，它的任务就是监听目标元素跟指定父元素（用户可指定，默认为viewport）是否在发生交叉行为，简单理解就是监听目标元素是否进入或者离开了指定父元素的内部（理解这句就行了，管他交不交叉呢），我好像在开…

本文列举了一些列比较不常见的Web API，内容较多，所以有关兼容性的内容在本文不会出现，大家可以自己去查阅。 以下案例能配动图的我尽量去配了，以免内容枯草乏味，但是如果内容有误，也请大家亲喷或者纠正👌 1. querySelector 2. querySelectorAll…

在前端开发世界中，JavaScript 和 HTML 之间往往通过 事件 来实现交互。其中多数为内置事件，本文主要介绍 JS自定义事件概念和实现方式，并结合案例详细分析自定义事件的原理、功能、应用及注意事项。 在日常开发中，我们习惯监听页面许多事件，诸如：点击事件（ click…