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

一个轻量级的 JavaScript 库，帮你轻松实现 「中文 + 拼音」的模糊搜索，支持全拼、缩写、混合输入，还能定位匹配位置，方便做高亮显示。

引言 最近在使用千问、deepseek这些AI对话网站时，发现了一个实用的功能：AI生成代码后可以直接在网页上预览运行效果。打开开发者工具发现是用iframe实现的。之前对iframe的了解比较浅显，

这款酷炫的蛇形时间轴组件，用Canvas实现波浪布局+动态动画，支持亮暗主题、交互悬停、参数实时调节，源码完整，拿来即用！告别枯燥时间线，让数据展示更生动。

前言 最近做了一个小需求，记得之前写过这个美团购物车小球动画效果还发在csdn里面了，但需要的时候却找不到，不知道什么时候给删了，今天再给大家分享一下这个功能的源码，以便以后的使用。

作为一名前端开发，给项目做多语言早已是家常便饭。 可每次面对成百上千条文案，“一行行手动翻译 + 维护 N 个 JSON 文件”仍然是让人头秃的体力活。 今天就把我实测有效的 3 款零入侵、一键式国际

在前端开发中，我们经常会遇到接口返回的文本内容过长，无法完全显示的问题。为了处理这一问题，自定义一个hook实现出现省略号自动添加Tooltip包裹。

通过这20个现代JavaScript API的深入学习，你已经掌握了前端开发的核心武器库。每个API都代表着Web开发的一个重要方向

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