前端路由实现

本系列文章深入探讨前端路由的两种核心实现方式:基于HTML5 History API的History模式与基于URL hash的Hash模式。通过详解pushState、popstate事件及hashchange事件,并附以完整Router类实现示例,帮助读者掌握单页应用路由原理及常见问题的处理技巧。

基于History实现前端路由

探讨如何利用 HTML5 History API 实现前端路由,通过 pushState 和 popstate 事件管理 URL 变化而不触发页面跳转,并提供了一个基于类的 Router 实现示例,涵盖路由注册、导航和事件监听。

基于hash实现前端路由

本文探讨如何利用原生 JavaScript API 实现前端 hash 路由,通过监听 hashchange 和 load 事件构建路由类,并详细处理了后退功能中的重复执行和数组记录问题。