首页 > 其他分享 >前端路由的两种实现方式

前端路由的两种实现方式

时间:2022-09-20 14:22:52浏览次数:60  
标签:两种 hash 前端 模式 跳转 路由 history

hash模式和history模式
1:hash模式 带#不太美观
主要实现是通过hashchange事件来监听url的变化,从而区实现路由跳转,hash不需要后端配合
2:history模式
主要是通过history里面的pushstate和replacestate方法来实现前端路由,但是hsitory模式需要后端配合,因为如果跳转路由再刷新可能会找不到,额外的是history还有一个popstate,pushstate和replacestate这两个方法不会触发 history的go啊等等会触发

标签:两种,hash,前端,模式,跳转,路由,history
From: https://www.cnblogs.com/tyysf/p/16710866.html

相关文章

  • 前端面试总结02-变量类型和计算
    值类型与引用类型值类型:   引用类型常见值类型:consta//undefinedconsts='abc'constn=100constb=trueconsts=Symbol('s')常见引用类型:constobj={x:......
  • 前端面试总结01-html与css
    html:(1)语义化标签的理解:1.增加代码的可读性2.让搜索引擎更容易读懂(2)块级元素与内联元素的标签与区别1.块状元素:display:block/table;常用标签:div,h1,h2,table,ul......
  • 两种实现Winform程序的多语言支持的解决方案
    因公司业务需要,需要将原有的ERP系统加上支持繁体语言,但不能改变原有的编码方式,即:普通程序员感受不到编码有什么不同。经过我与几个同事的多番沟通,确定了以下两种方案:方案......
  • 前端Nodejs-Day34
    Node.js:基于ChromeV8引擎的Javascript运行环境浏览器中js的运行环境:前端运行环境Nodejs中js的运行环境:后端运行环境(无法调用DOM和BOM等浏览器内置API)  ......
  • VUE3 动态添加路由
    在vue2中我们通常使用如下方式添加动态路由:router.addRoute(parentOrRoute,route)//添加单个router.addRoutes(routes)//添加多个在vue3......
  • 前端-VUE实现第三方登录
    实现流程点击第三方登录按钮:执行window.open方法,打开一个第三方指定url出口,该地址会指向第三方登录url,并且由第三方提供一个对应的二维码弹出一个小窗口,展示对应二维码:......
  • Vue面试题19:在实际开发过程中,你知道的Vue最佳实践有哪些?(总结自B站up主‘前端杨村长’
    思路:查看vue官方文档:风格指南(重点关注AB级)、最佳实践(生产部署、性能、访问、安全)回答范例从编码风格、性能、安全等方面说几条:1.编码风格方面:命名组件时使用“多词"......
  • 前端微信登录获取code,userInfo,openid
    getUser(e){wx.getUserProfile({desc:'用户完善会员资料',success:res=>{l......
  • ASR6500S SIP模块与SX1262系列集成替代SX1278 SX1262内核+RF前端
    ASR6500S是一系列LoRaSIP模块,集成了RF前端和LoRa无线电收发器SX1262系列,支持LoRa和FSK调制。LoRa技术是一种针对LPWAN应用的低数据速率、超远程、超低功耗通信进行优化的......
  • Flask学习笔记(一)-最小实例+路由
    一、Flask说明Flask是一个使用Python编写的轻量级Web应用框架。其WSGI工具箱采用Werkzeug,模板引擎则使用Jinja2。Flask使用BSD授权。Flask也被称为“microfr......