SuperAPI AI 工具集

routing-patterns

通用与其它

查看项目

更新于 10-15 21:41

技能介绍

routing-patterns 是一项讲解 Web 应用路由模式的知识资源,来源为 farming-labs/fm-skills,官方地址 https://www.skills.sh/farming-labs/fm-skills/routing-patterns。

用途:说明 URL 如何映射到内容、页面间导航如何工作,重点区分传统服务端渲染应用与现代 SPA 的路由方式。

主要能力:介绍服务端路由(请求到达服务器后由路由表匹配并渲染完整 HTML)、客户端路由(JavaScript 拦截链接、使用 History API 更新 URL 并渲染视图)、基于文件的路由(路由结构由文件系统布局推导,如 pages/index.tsx 对应 /,pages/blog/[slug].tsx 对应 /blog/:slug)。同时涵盖动态路由参数类型(静态、动态、catch-all、可选)、路由分组与嵌套布局、并行路由与拦截路由、声明式与编程式导航、路由保护与鉴权守卫、URL 状态管理、预取与按路由代码分割等性能模式,以及常见路由陷阱。

使用方式:资料以概念说明、伪代码与框架示例为主,涉及 history.pushState、history.replaceState、popstate 监听、链接拦截,以及 Next.js、SvelteKit、Remix、React Router、Vue Router 等框架的写法。资料未提供独立安装命令或依赖信息。

适用场景:在实现或重构前端路由、选择服务端与客户端路由方案、设计基于文件的动态路由、处理导航与鉴权时参考。

限制:资料为说明性内容,未提供收费、价格、平台支持范围或效果数据;具体命令与代码示例的可用性需以对应框架版本为准。