barba-js - 实现 Barba.js 页面过渡
为多页面网站实现平滑页面过渡和类似 SPA 的导航,并支持生命周期钩子、视图、路由及动画集成。
标签
更新于: 2026-10-06能力
典型输入
典型输出
该技能可以做什么
- 定义包装器和容器
- 配置过渡生命周期钩子
- 实现页面专属行为
- 添加基于路由的过渡
- 集成 GSAP 动画
- 管理 AJAX 页面导航
输入
- HTML 页面结构
- 过渡配置
- 导航路由
- 动画集成代码
输出
- 动画页面过渡
- 更新后的动态容器
- 浏览器历史记录更新
- 页面专属初始化
要求
- JavaScript Web 项目
- @barba/core 软件包
- 浏览器 DOM 环境
