前端路由导航面试题及详细答案（真实面试版）.docxVIP

前端路由导航面试题及详细答案（真实面试版）

一、基础认知类（初级必问）

1、什么是前端路由？核心作用是什么？

参考答案：

前端路由简单来说，就是通过URL地址变化，在浏览器不刷新页面的前提下，切换页面视图、渲染不同组件的机制。

传统多页面应用是URL改变就会发起网络请求、刷新整页，而前端路由是客户端自主控制路由跳转，只更新页面局部内容，实现单页面应用的体验。

核心作用：

实现无刷新页面跳转，提升页面切换流畅度

根据URL匹配对应组件，实现页面视图按需渲染

支持浏览器前进、后退、刷新功能，保证路由状态可追溯

实现路由权限控制、页面跳转拦截、页面缓存等业务能力

2、前端路由的两种实现方式？各自原理和区别？

参考答案：

前端路由主要分为hash模式和history模式两种。

1）hash模式

原理：基于浏览器的锚点（#）实现，#后面的内容属于浏览器本地解析，不会发送给服务端。浏览器提供hashchange事件，当URL的hash值改变时，会触发该事件，前端监听事件即可匹配路由、更新组件。

特点：

兼容性最好，支持所有浏览器，包括低版本IE

跳转不会刷新页面，无需后端配置

URL永远带#号，不够美观，不符合传统网址规范

hash变化不会触发页面重新请求

2）history模式

原理：基于HTML5新增的historyAPI，主要用到push