MatthewTsang

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

如果你用Chrome调试工具，还是停留在console阶段，赶紧来学习一波吧，绝对是满满的干货，让你效率UpUP。 本文侧重点就是关于Chrome DevTools。通过梳理Chrome DevTools 中的小技巧，这些技巧可以帮我们节省很多的时间，直接提升工作效率！ 上面是…

总结了几道近期前端面试中问到的值得一看的js面试题，其实有些问题很基础，但是长时间没看又容易遗忘，希望这篇文章对你我有所帮助

今天给大家分享一些我私藏的JS神级API。 每一个都很简单，复制粘贴就能用，真的能让你效率翻倍，摸鱼时间更多。嘿嘿！

做前端少不了跟动画打交道，那么实现一个动画有哪些方式呢？本文主要学习 requestAnimationFrame API， 顾名思义，请求动画帧，也称帧循环。

先有问题再有答案 浏览器帧率是多少？ 如何理解浏览器的一帧？ 浏览器的帧率和屏幕的刷新率是一回事嘛？ 有什么方式可以计算出浏览器的帧率嘛？ 帧率是固定的嘛？ 如果帧率不固定 我们在使用raf做一些功能

IntersectionObserver使我们能够轻松获取获取元素的交叉状态，实现诸如懒加载、埋点监控、视差滚动等多种场景。 它性能良好，用法简洁。带来了极大的便利和用户体验，非常值得尝试。

结合实际业务场景一步步带大家了解如何实现前端截图业务需求~ 内容很详细，满满干货，推荐阅读~~~~~

在前端工程化日趋复杂的今天，模块打包工具在我们的开发中起到了越来越重要的作用，其中webpack就是最热门的打包工具之一。 说到webpack，可能很多小伙伴会觉得既熟悉又陌生，熟悉是因为几乎在每一个项目中我们都会用上它，又因为webpack复杂的配置和五花八门的功能感到陌生。…