Browser

路由技术

路由技术

URL

URL 由哪些部分组成?

协议头、域名、端口、目录、文件名(index.html)、页面锚、参数。

URL 与前端框架的大致交互方式是怎样的?

滚吧,react-router ——记React前端路由改造

pathname 解析为 params 以及对应的页面名,页面名连同哈希参数以及 search 转换为的 query 四种信息,交由 ReactRouter.Provider 处理,根据路由表渲染出指定的组件。

路由

嵌套路由是什么?

嵌套路由体现在页面分割为不同的模块,每个模块嵌套在另一个模块。

嵌套路由的代码实现?

在 React 中,Context.Consumer 总是消费最近的 Context.Provider 提供的值,所以只要 Context.Provider 每次只解析并提供一层由斜线分割的 pathname 就很容易写出递归写法的嵌套路由。

见:微前端架构中的路由设计#可嵌套的ProviderVueRouter Nested@CodeSandBox

有哪些常见的路由模式?

  • 内存路由
  • History 路由
  • Hash 路由
  • LocalStorage 本地持久化存储模式
  • Search 参数路由

见:Naultil 路由配置


Copyright © 2024 Lionad - CC-BY-NC-CD-4.0