前端路由

合集 - JS高级(11)

1.Promise的理解和使用2023-08-172.异步代码微任务宏任务案例2023-08-173.JS常见的设计模式2023-08-174.Ajax详解2023-08-255.了解跨域以及跨域的解决方案2023-08-25

6.前端路由2023-08-25

7.后端路由2023-08-258.JS节流与防抖2023-08-259.深拷贝与浅拷贝2023-08-2510.数据劫持与数据代理2023-08-2511.图片懒加载2023-08-25

收起

了解单页面应用

• 单页面是指只有一个主页面的应用 所有的页面的内容都包含在这个所谓的主页面中
• 优点：
  • 公共资源不用重新加载,局部加载,服务器压力小
  • 切换速度快，用户体验好
  • 前后端分离
• 缺点：
  • 不利于SEO（可以优化：比如路由懒加载）
  • 初次加载时耗时长
  • 相对于多页面，单页面的开发难度较大

前端单页面路由的分类

• hash路由：
  • 当我们hashurl发生改变之后,触发一个window.onhashchange事件
  • 通过window.location.hash获取hashurl
  • 将获取到的hashurl去匹配路由表中的path路径
  • 匹配成功后调用对应的component组件
• history路由：
• abstract路由（后端路由） => 使用在nodejs,不用管