SuperAPI AI 工具集

implementing-navigation

前端与建站

查看项目

更新于 10-16 05:00

技能介绍

用途:为前端(React/TS)与后端(Python)应用实现导航模式与路由,覆盖客户端导航(菜单、标签页、面包屑)与路由(React Router、Next.js),以及服务端路由配置(Flask、Django、FastAPI)。适用场景包括构建主导航(顶部、侧边、巨型菜单)、次级导航(面包屑、标签页、分页)、客户端路由、服务端路由、移动端导航(汉堡菜单、底部导航)、键盘可访问导航、命令面板、多步向导,以及满足 WCAG 2.1 AA 的导航。提供导航决策框架:信息架构深度对应不同模式,如扁平用顶部导航,深层用侧边导航,电商用巨型菜单,线性流程用步进器。前端组件涵盖主次导航模式与客户端路由;后端涵盖 Flask、Django、FastAPI 的路由组织方式;移动端涵盖汉堡、底部导航与标签栏;无障碍涵盖键盘交互(Tab、Shift+Tab、Enter、Space、方向键、Escape)、ARIA 模式与焦点管理。用法上提供验证导航树、生成面包屑、生成路由的脚本命令,以及导航配置模式文件和前端/后端代码示例。限制与说明:资料未提供具体收费、价格、效果保证或平台支持范围;具体实现需参考所引用的文档文件,未在此展开。