本文主要介绍在单页应用中如何监听 URL 的变化。先简述单页应用原理，包括通过 hash 和 history 改变 URL 且不刷新页面，接着分别阐述监听 hash 变化、通过 history 改变 URL 但部分方法无法触发 popstate 事件，最后给出监听 replaceState 和 pushState 行为的方法。 关联问题: 单页应用如何优化？ hash 变化还有何用？ popstate 事件局限在哪？ 单页应用的原理从早起的根据url的hash变化，到根据H的history的变化，实现无刷新条件下的页面重新渲染。那么在单页应用中是如何监听url的变化呢，本文将总结一下，如何在单页页面中优雅的监听url的变化。 单页应用原理 监听url中的hash变化 监听通过history来改变url的事件 replaceState和pushState行为的监听 一、单页应用原理  单页应用的原理，在我们的上一篇文章中React-Router源码阅读已经讲的很详细，这里做一个简单介绍。单页应用使得页面可以在无刷新的条件下重新渲染，通过hash或者html Bom对象中的hi ...