- 2023-03-14基于hash的改变实现SPA
一、原理主要是通过window.onhashchange方法监听window.location.hash的改动这里我直接用a元素来改变hash通过设置dom节点的innerHTML,来实现页面切换hashRouter对象中
- 2023-02-22React Router有几种模式?实现原理?
一、是什么在单页应用中,一个web项目只有一个html页面,一旦页面加载完成之后,就不用因为用户的操作而进行页面的重新加载或者跳转,其特性如下:改变url且不让浏览器像服务
- 2022-12-06ReactRouter-路由模式
路由模式BrowserRouter与HashRouterBrowserRouter没有#的路径HashRouter有#路径举个栗子importReactfrom'react'import{BrowserRouter,HashRouter,Red
- 2022-10-06HashRouter 和 HistoryRouter
vue-router是vue官方提供的路由管理器,让构建单页面更容易,vue默认hash模式,还有另一种history模式原理:hash路由:核心就是依靠hashchange()事件在window监听hash的变化,
- 2022-08-30BrowserRouter和HashRouter的区别
底层原理不一样BrowserRouter使用的是H5的historyAPI,不兼容IE9及以下版本。HashRouter使用的是URL的hash值path表现形式不一样BrowserRouter的路径中没有#Has