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

在 Web 开发中，Canvas 是一个强大的绘图工具，可以实现各种有趣的交互效果和动态图形。本文将盘点 10 个基于 Canvas 的开源项目，旨在为提供开发灵感和思路，以便更好地探索并应用 Can

本文将带大家用原生JS手写一个完整的图片预览和查看的功能，无任何第三方依赖，兼容PC与H5，实现触屏双指缩放等，干货满满。

View Transition API产生过渡时，会生成一组伪元素，分别代表着状态变换前的图像和状态变换后的图像。

还在为提效发愁吗？手把手带你完成 Node CLI 核心开发，深入使用 Node CLI 生态库，文末准备了 190+ 个Node工具包福利~

产品经理：加个需求，用户电脑设备如果快没电，我要暖心的告诉他该插上电源。 前端攻城狮：。。。他电脑不会自己提醒吗？ 产品经理：你做不做？ 前端攻城狮：做！

不知道从何时起，各大主流网站的视频地址不再是我们想下载就能下载的mp4视频地址。 而是一个形如blob:<origin>/<uuid>的不知名地址，如： blob:https://www.bilibi

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理

对于文件上传的场景，出于安全考虑，建议小伙伴们在开发过程中，都限制一下文件上传的类型。对于更严格的场景来说，就可以考虑使用本文介绍的方法来做文件类型的校验。