26. 使用 Pjax

说明

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

pushState + ajax = pjax

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

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

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

Pjax 的理念是精简前三步的操作,针对站内链接,无需每次都请求整个 HTML,只需取得部分必要的内容即可。CSS 和 J...

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

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

上一篇 下一篇
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
讨论数量: 0

暂无话题~