路由的实现方式

2022/10/25 文章推荐 共 491 字,约 2 分钟

来看看前端路由实现方式,共享有趣的文章,分享使用的文章

文章推荐

1. hash和history路由的实现模式

推荐理由:

  1. hash的实现全部在前端,不需要后端服务器配合,兼容性好,主要是通过监听hashchange事件,处理前端业务逻辑

  2. history的实现,需要服务器做以下简单的配置,通过监听pushState及replaceState事件

面试官为啥总是喜欢问前端路由实现方式

js 如何触发自定义事件

推荐理由:创建 » 初始化 » 派发 » 监听

比如我们创建一个自定义的403事件,当我们发现页面没有权限的时候,就去派发他。实现没权限就触发403事件

  // 无权限=> axios
  document.dispatchEvent(new CustomEvent('403'))
  // 
  document.addEventListener('403', () => {
  router.replace('/403')
})

js使用dispatchEvent派发自定义事件

js 如何触发自定义事件

推荐理由:

  1. 前端资源的两种缓存模式浏览器缓存和http缓存

  2. http 缓存的如何进行设置

中高级前端工程师都需要熟悉的技能–前端缓存


在技术的历史长河中,虽然我们素未谋面,却已相识已久,很微妙也很知足。互联网让世界变得更小,你我之间更近。

在逝去的青葱岁月中,虽然我们未曾相遇,却共同经历着一样的情愫。谁的青春不曾迷茫或焦虑亦是无奈,谁不曾年少过

在未来的日子里,让我们共享好的文章,共同学习进步。有不错的文章记得分享给我,我不会写好的文章,所以我只能做一个搬运工

我叫 sunseekers(张敏) ,千千万万个张敏与你同在,18年电子商务专业毕业,毕业后在前端搬砖

如果喜欢我的话,恰巧我也喜欢你的话,让我们手拉手,肩并肩共同前行,相互学习,互相鼓励

文档信息

Search

    Table of Contents