10分钟彻底搞懂微信小程序单页面应用路由

单页面应用特征「假设：」 在一个 web 页面中，有1个按钮，点击可跳转到站内其他页面。SPA 单页面应用为什么可以几乎无刷新呢？因为它的SP――single-page。在第一次进入应用时，即返回了唯一的html页面和它的公共静态资源，后续的所谓“跳转”，都不再从服务端拿html文件，只是DOM的替换操作，是模拟的。那么js又是怎么捕捉到组件切换的时机，并且无刷新变更浏览器url呢？hash模式history/hash.js 文件中，定义了HashHistory 类，这货继承自 history/base.js 的 History 基类。与此同时，原型setupListeners 方法对popstate进行了事件监听，适时做 DOM 替换。