HTML5 Canvas 绘制一个高颜值、支持交互的事件流程图，展示从起飞到降落的完整飞行事件时间线，包含播放 / 暂停 / 重置动画控制功能。 大家复制代码时，可能会因格式转换出现错乱，导致样式失效

在日常开发或者做接口文档的时候，我们经常会遇到这样一个场景： 👉 想要快速知道某个页面到底调用了哪些接口。 手动去 Network 面板 一个个筛选、复制，既繁琐又容易遗漏。于是，我写了一个小工具，可

你是不是也有过这样的困扰？面试官问起闭包，你能说出个大概，但总感觉说不到点子上？或者在实际开发中，明明知道要用闭包解决问题，但写出来的代码总是有各种奇怪的bug？ 别担心，今天我们就来彻底搞懂闭包

Vue实现一个“液态玻璃”效果登录卡片 效果介绍 液态玻璃（Liquid Glass）是一种极具现代感的UI视觉风格，常见于高端网站和操作系统界面。它通过多层叠加、模糊、光泽、滤镜等技术，模拟出玻璃的

在前端开发中，键盘事件是用户交互的重要组成部分。无论是实现快捷键、实时搜索，还是复杂的表单验证，键盘事件都扮演着核心角色。今天，我们将深入探讨DOM事件中的键盘与输入事件，揭开它们的神秘面纱，掌握其背

“只要 7 KB，就能把多页站变成丝滑 SPA！”——这句话在前端圈疯传的神库，就是 Barba.js。 今天，我们就把它和 Vue3 搭配，手把手带你做出**“效果炸裂”**的页面切换动效！

公告栏、弹幕、股票 ticker……垂直文字滚动是前端最常见的动效之一。本文用纯原生代码拆解一条「克隆 + 逐帧滚动」的实现思路，涵盖布局、滚动、边界衔接三大要点，开箱即用，零依赖零配置。

跟着著名第三方库vxe-modal的思路，设计出一个自由拖拽缩放，移动的组件。看着很牛逼的功能，只要有思路，实现起来会非常顺畅。

油猴既然能将任意前端js注入到当前网页中，是否能结合手势识别实现任意网页隔空控制，实现类似手机上的隔空翻页功能？