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 网站上。

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

上一篇 下一篇
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
讨论数量: 0

暂无话题~