如何通过10分钟快速掌握微信小程序单页面应用路由改写技巧？

本文共计2104个文字，预计阅读时间需要9分钟。

单页面应用特征：- 假设：在一个web页面中，有一个按钮，点击可跳转到站内其他页面。- 多页面应用： - 点击按钮，从新加载一个资源，刷新整个页面。

单页面应用特征

「假设：」 在一个 web 页面中，有1个按钮，点击可跳转到站内其他页面。

「多页面应用：」 点击按钮，会从新加载一个html资源，刷新整个页面；

「单页面应用：」 点击按钮，没有新的html请求，只发生局部刷新，能营造出一种接近原生的体验，如丝般顺滑。

SPA 单页面应用为什么可以几乎无刷新呢？因为它的SP——single-page。在第一次进入应用时，即返回了唯一的html页面和它的公共静态资源，后续的所谓“跳转”，都不再从服务端拿html文件，只是DOM的替换操作，是模（jia）拟（zhuang）的。

那么js又是怎么捕捉到组件切换的时机，并且无刷新变更浏览器url呢？靠hash和HTML5History。