26. 使用 Pjax
说明
项目地址见 这里 , 官方的介绍:
pushState + ajax = pjax
简单描述,就是利用 ajax
技术去服务器获取文档,在不刷新浏览器页面的情况下,更新当前页面,并且能保证页面的 js
和 css
等 assets
文件不会被重复加载。然后利用浏览器提供的 pushState
功能,对 URL 进行更新,并能保证用户通过点击 back
按钮回溯到历史页面。
当浏览器接收到服务端返回的请求时,会:
- 第一步、解析整个 HTML 里的内容;
- 第二步、请求 HTML 中的 CSS 链接并渲染视图;
- 第三步、请求 HTML 中的 JS 链接并执行其中代码;
- 第四步、完成整个 HTML 的渲染工作。
Pjax 的理念是精简前三步的操作,针对站内链接,无需每次都请求整个 HTML,只需取得部分必要的内容即可。CSS 和 JS 链接更不用每次请求都重新下载,甚至是 JS 的初始化在几个页面请求中都可以共用。
这极大地增加了不同请求间...