前端路由的介绍

前端路由

是用于实现页面间导航的一种技术，在不重新加载整个页面的情况下，通过改变地址栏的URL来更新内容。前端路由通常用于单页应用中，为用户提供更流畅的体验。

主要依赖于浏览器的History API(popstate, pushState, replaceState 三个事件)和url 的哈希部分(window.location.hash)来实现监听URL的变化, 根据url的变化来加载相应的视图和组件。

哈希路由的地址栏带有#, 以此可以判断一个路由是否属于哈希路由。哈希路由是通过hashchange 来监听地址栏的变化，来加载相应的视图和组件

history 路由是通过popstate来监听路由的变化。history 路由每刷新一次页面的时候，都会发送一个get请求，而hash路由刷新页面的时候，不会发送请求。

静态路由

静态路由是指URL和页面内容之间的映射关系在编译时就已经确定，不会在运行时改变。每个URL对应一个固定的页面或组件。

静态路由通常用于那些页面内容固定不变的场景。

在静态路由中，每个URL都直接映射到一个特定的页面或组件，这些页面或组件在服务器上已经准备好，并且在用户访问这些URL时直接返回。

eg：博客网站，每个博客文章都有一个固定的URL

动态路由是指URL和页面内容之间的映射关系在运行时动态确定。通常，动态路由会包含一个或多个参数，这些参数用于从数据库或API中获取数据，并动态生成页面内容。

eg: 一个电子商务网站，用户可以浏览不同类别的商品，URL可能看起来像这样。