26. 使用 Pjax

本教程最新版为 8.x,当前版本已放弃维护,请阅读最新版本!

说明

项目地址见 这里 , 官方的介绍:

pushState + ajax = pjax

简单描述,就是利用 ajax 技术去服务器获取文档,在不刷新浏览器页面的情况下,更新当前页面,并且能保证页面的 js 和 css 等 assets 文件不会被重复加载。然后利用浏览器提供的 pushState 功能,对 URL 进行更新,并能保证用户通过点击 back 按钮回溯到历史页面。

当浏览器接收到服务端返回的请求时,会:

  • 第一步、解析整个 HTML 里的内容;
  • 第二步、请求 HTML 中的 CSS 链接并渲染视图;
  • 第三步、请求 HTML 中的 JS 链接并执行其中代码;
  • 第四步、完成整个 HTML 的渲染工作。

Pjax 的理念是精简前三步的操作,针对站内链接,无需每次都请求整个 HTML,只需取得部分必要的内容即可。CSS 和 JS 链接更不用每次请求都重新下载,甚至是 JS 的初始化在几个页面请求中都可以共用。

这极大地增加了不同请求间...

本文章首发在 LearnKu.com 网站上。

为了保证课程的高品质,我们需要对课程进行收费。付费后 才能观看剩余内容。 购买

上一篇 下一篇
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 0

暂无话题~