现在很多网站都采用无刷新技术来载入页面内容,所谓无刷新,就是指在不进行URL跳转的情况下对页面内容进行加载和渲染。这样做会缩短页面加载时间,允许加入动画效果,使网站有更流畅的用户体验。主流网站基本都不同程度地采用了该技术。本站点也采取了全站物刷新的模式。
总的来说,实现一个无刷新站点的实现需要以下两个步骤:
1、实现一个路由器。路由器的功能是解析当前 URL(就像后端框架那样),然后根据解析结果来渲染页面。
2、改变和监听 URL。无刷新就意味着没有页面跳转,但是我们不希望全站都使用同一个 URL,所以我们需要在不发生跳转的情况下改变 URL。同时我们需要对 URL 进行监听,当 URL 发生改变时我们就去调用路由器进行解析,生成相应的页面。
工作流程就是这样:
初次载入页面 → 调用路由器进行解析 → 根据解析结果渲染页面 → 触发某个事件(如点击某个按钮)改变当前 URL → 调用路由器进行解析 → …
这样无刷新站点的基础就完成了,后续的博文将依次介绍具体的实现方式和以及其他需要考虑的细节。