记录－交流－Web开发知识分享
这次文章为了了解http缓存的机制,自己搭建nginx和设置nginx配置
网上的文章其实有很多,但是大部分都是文字表达,缓存这块又比较偏向理论,导致我一开始也是云里雾里的
所以这次我通过截图和步骤图来说明,并且进行文字补充, 不喜欢看文字的话其实看图片就行啦
以下每次截图都是无痕模式的…
什么是骨架屏？
什么是骨架屏呢？骨架屏(Skeleton Screen)是指在页面数据加载完成前，先给用户展示出页面的大致结构（灰色占位图），在拿到接口数据后渲染出实际页面内容然后替换掉。Skeleton Screen 是近两年开始流行的加载控件，本质上是界面加载过程中的过渡效果。
假如能在加载前把网页的大概轮廓预先显示，接着再逐渐加载真正内容，这样既降低了用户的焦灼情绪，又能使界面加载过程变得自然通畅，不会造成网页长时间白屏或者闪烁。这就是 Skeleton Screen ！
Skeleton Screen 能给人一种页面内容“已经渲染出一部分”的感觉，相较于传统的 loading 效果，在一定程度上可提升用户体验。…
(Just-In-Time)即时编译器是PHP 8.0中最重要的新功能之一。JIT可以通过将PHP应用程序的全部或经常调用的部分作为CPU机器代码编译并存储并直接执行，从而绕过Zend VM及其过程开销，从而提高性能。
JIT是传统解释器和AOT编译器的混合体。混合模型带来了这两种方法的利弊，而经过微调的应用程序可以胜过JIT的弊端。
PHP的JIT实施是Dmitry Stogov付出的巨大努力，历时数年之久的讨论，实施和测试都是如此。
PHP JIT：
PHP 8.0的JIT基础概述和配置选项，请参阅PHP 8.0：JIT。
这篇文章是关于基准，JIT如何工作以及理想的配置选项的。
大多数PHP应用程序都接受HTTP请求，从数据库中检索和处理数据，并返回结果。IO通常是重要的性能瓶颈：从磁盘读取数据，写入和网络请求。
PHP 8.0引入了JIT，以提高PHP应用程序的性能，但它也增加了调试的障碍，因为应用程序的某些部分可能作为CPU机器代码缓存，而标准PHP调试器无法使用。PHP 8.0的JIT pull-request在PHP代码库中增加了50,000多个新行，因此，除了从事JIT的开发人员之外，PHP核心开发人员本身可能并不精通。
PHP代码一旦处理（标记，解析，构建AST和构建操作码），便在Zend虚拟机上运行。与Java和JavaScript相似，虚拟机对应用程序的硬件方面进行了抽象，从而可以“运行” PHP源代码而无需编译。
Opcache扩展可以帮助将操作码存储在共享内存中，从而跳过重复的标记化/解析/操作码步骤。…
俗话说得好，工欲善其事必先利其器。本文阿宝哥将介绍一些优秀的开源项目，利用这些开源项目，你将能能轻松应对以下十个工作场景：文件上传、图片处理、文档处理、网络请求、数据存储、微前端、表单设计器、H5 页面设计器、文档管理和 API 管理。…
本篇主要说下PHP8构造器属性提升的用法，这个特性对于一些需要在构造器中设置或初始化一些类属性的时候非常有用（包括public、protected和private），比如在PHP7中你可以这样定义一个类的属性，然后在构造方法中传值。
class Point {
public int $x;
private string $y;
public function __construct(int $x = 0, string $y='') {
$this->x = $x;CRP又称关键渲染路径，引用MDN对它的解释：
关键渲染路径是指浏览器通过把 HTML、CSS 和 JavaScript 转化成屏幕上的像素的步骤顺序。优化关键渲染路径可以提高渲染性能。关键渲染路径包含了 Document Object Model (DOM)，CSS Object Model (CSSOM)，渲染树和布局。
优化关键渲染路径可以提升首屏渲染时间。理解和优化关键渲染路径对于确保回流和重绘可以每秒 60 帧、确保高性能的用户交互和避免无意义渲染至关重要。…
在自定义安装软件的时候，经常需要配置环境变量，下面列举出各种对环境变量的配置方法。
下面所有例子的环境说明如下：
读取环境变量的方法：
export命令显示当前系统定义的所有环境变量HTTP/2附带的热门功能之一是PUSH帧。主要思想是，如果服务器可以预测客户端可能要发出的请求，则服务器可以抢先向客户端发送请求/响应对并预热其缓存。
这是我很久以来一直很感兴趣的功能。我认为API使缓存无效和预热缓存，消除对复合请求的需求（我认为这是一种技巧，尽管有时是必要的）非常有用。
为了帮助推进这个想法，我编写了Internet Draft，以使API客户端告诉服务器他们希望推送哪些资源，我构建了具有一流，深度集成的Push支持并添加了支持的Node.js框架。为Prefer-Push给Ketting。…
<html lang="zh-CN" class=""><head>
<meta charset="UTF-8">
<title>CodePen Demo</title>
<style>
.table-container {
width: 50%;
height: 200px;
border: solid 1px #cccccc;
margin: 10px auto;
background: #FFF;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
top: 50%;
left: 50%;
padding-top: 50px;
overflow: hidden;
}
…
近期评论