Sum.26

从 instant.page 迁移到 Speculation Rules API
从 instant.page 迁移到浏览器原生的 Speculation Rules API。本文介绍 prefetch 与 prerender 的区别、适用边界、实际配置，以及它为何与 Swup/PJAX 这类 SPA 导航方案的冲突。

12 min read

Win.25/26

UI/UX Terminology
Vibe 毕设前端时，部分术语初看感觉很迷惑，为什么单选按钮叫Radio Button，导航栏叫作 Breadcrumb，弹窗提示叫Toast？这些术语的灵感分别来自老式收音机、格林童话、烤面包机。当时的 GUI 设计师，为了让普通人快速看懂数字世界，从现实世界里借用了熟悉的概念

23 min read

Aut.25

Sum.25

学习HTTPS协议：加密、证书与TLS
本文旨在解释HTTPS如何保障网络通信安全。介绍了对称加密与非对称加密的基本概念、工作流程及其优缺点，并解释了两者结合的最佳实践。为了解决公钥分发和信任问题，文章进一步阐述了数字签名和数字证书（CA）机制

15 min read

理解响应式图片：从像素到DPR
🤖 本文介绍了像素概念及其在网页设计中的应用。首先区分了物理像素和CSS像素，解释了像素密度（PPI）和设备像素比（DPR）的概念，随后探讨了响应式图片的实现方法，包括图片的渲染尺寸与固有尺寸的关系，以及使用srcset属性根据设备DPR或视口宽度提供合适图片资源的技术

6 min read

Making Web Fast —— LCP Optimization
🤖 Learn to optimize LCP performance using preload、fetchpriority、responsive images and srcset attributes. Master Sharp image processing, CI/CD automation, and preload hints to dramatically improve Core Web Vitals scores.

13 min read

Win.24/25

Use Medium-Zoom in Hexo Blog
在 Hexo Blog中，为了增强用户点击图片后的交互体验，我们可以使用medium-zoom这一轻量级库实现图片放大效果。本文记录如何在 Hexo 博客中成功集成 medium-zoom

4 min read

Aut.24

Sum.24

Tomcat
Apache Tomcat，简称 Tomcat，是一个开源的、轻量级的 Web 应用服务器，它实现了 Java Servlet、JavaServer Pages（JSP）和少量Java EE技术规范。

9 min read

Http Protocol
HTTP 是一种应用层协议，用于传输Hypermedia Documents，例如 HTML。它最初是为Web 浏览器与 Web 服务器之间的通信而设计的，但也可以用于其他用途，如机器间通信、API访问等。本文对其请求报文、响应报文以及版本进行介绍

5 min read