前端路由是现代SPA应用必备的功能,每个现代前端框架都有对应的实现,例如vue-router、react-router。 我们不想探究vue-router或者react-router们的实现，因为不管是哪种路由无外乎用兼容性更好的hash实现或者是H5 History实现，与框…

history是由Facebook维护的，react-router依赖于history，区别于浏览器的window.history，history是包含window.history的，让开发者可以在任何环境都能使用history的api（例如Node、React Native等…

router作为当前盛行的单页面应用必不可少的部分，今天我们就以React-Router V4为例，来解开他的神秘面纱。本文并不专注于讲解 Reacr-Router V4 的基础概念，可以前往官方文档了解更多基础知识 Q1. 为什么我们有时看到的写法是这样的 Q2. 为什么v4…

1. Context - React跨组件访问数据的利器 3. react-router-dom源码揭秘 - BrowserRouter 今天再给大家带来一篇翻译文章。 这篇文章，是我们react-router-dom源码揭秘系列的第二篇文章。同样是预备知识。 想看第一篇文章的…

前台路由:页面的显示由前台js控制，在url的路径中输入哈希值是不会往后台发送请求的，所以前台可以通过将哈希和页面进行映射从而控制渲染显示哪个页面。 但是这种方法有一个问题，如果再按一次回车键，它是会向后台发送请求的，如果后台路由没有相应的匹配，那么会报404的错误，一般需要后…

react-router等前端路由的原理大致相同，可以实现无刷新的条件下切换显示不同的页面。路由的本质就是页面的URL发生改变时，页面的显示结果可以根据URL的变化而变化，但是页面不会刷新。通过前端路由可以实现单页(SPA)应用,本文首先从前端路由的原理出发，详细介绍了前端路由…

现代前端项目多为单页Web应用(SPA)，在单页Web应用中路由是其中的重要环节。 每个现代前端框架都有与之对应的路由实现，例如 vue-router、react-router 等。 本文并不涉及 vue-router、react-router 的实现方式，而是介绍前端路由的基…