文章

已发布的全部长文。

• TypeScript 高级技巧：12 个实用进阶特性详解

  发布于2019-06-01更新于2026-09-30

  深入解析 TypeScript 12 个高级技巧，包括 keyof、泛型约束、条件类型、never 类型、类型推导、const enum 等核心特性。通过实际案例展示如何在中大型项目中充分发挥 TypeScript 的类型安全优势，提升代码质量和开发效率。

• 通过图像 Metadata 对网站性能与安全性进行优化

  发布于2021-01-14更新于2026-09-30

  当你拿出自己的智能手机，来一张美美的自拍时，这张自拍就包含了拍摄时间、位置、机型信息、拍摄参数等等信息，称作这个图片的 Metadata 。越来越多的国产手机支持把 各式各样的 Metadata 作为水印，同时有一些产品根据这些信息制作水印相机。据说去年有个人开发者的水印小程序大火，山月也曾跃跃欲试去开发一个。嗯，跑远了... 由

• 网站性能中图片体积优化最佳实践

  发布于2019-02-07更新于2026-09-30

  以 webpack 实践为主，介绍图片在站点中的体积问题、Base64 内联与压缩优化思路，并附相关工具与延伸阅读。

• 写在 2021 的前端性能优化指南总结

  发布于2019-01-23更新于2026-09-30

  我们把性能优化的方向分为以下两个方面，有助于结构化的思考与系统分析。 1. 加载性能。如何更快地把资源从服务器中拉到浏览器，如 http 与资源体积的各种优化，都是旨在加载性能的提升。 1. 渲染性能。如何更快的把资源在浏览器上进行渲染。如减少重排重绘，rIC 等都是旨在渲染性能的提升。 + LCP: 加载性能。最大内容绘制应在 2.5s

• DNS (Domain Name System) 解析

  发布于2019-04-21更新于2026-09-30

  DNS 用来解析域名所对应的 IP 地址。 > 我们要以命令洞见整个流程 DNS 协议属于应用层协议，使用 dig 命令可以发送一条 DNS 报文。既然它在进行域名解析时实质是发送了一条 DNS 的报文，那首先来简单看看报文格式 > dig: DNS lookup utility > https://www.thegeekstuff.co

• http2

  发布于2019-10-11更新于2026-09-30

  1. 如何得知该网站某资源所使用的 http 协议版本号 1. 多路复用 -> Stream/Frame 1. 首部压缩原理 -> HPACK

• IP 寻址

  发布于2019-02-12更新于2026-09-30

  当通过 DNS 解析查找到域名对应的 IP 地址后，就会进行 IP 寻址与 ARP 寻址，找到目标主机。 使用 ping 命令发送 ICMP 报文，查看主机是否可达。 ping 也可以直接测试域名 + shanyue.tech + shici.xiange.tech 我们在 ping IP地址时，会有一个字段 ttl=55，那 ttl 是

• what happens

  发布于2019-11-02更新于2026-09-30

  「输入 URL 后发生什么」系列提纲：location 解析 hostname、dig 查 IP，以及 CDN、TCP/HTTP 与 dig/ss 等命令节。

• 建立一个 TCP 连接

  发布于2019-07-18更新于2026-09-30

  我们已经通过 DNS 解析到了 IP 地址 + shanyue.tech : 178.128.123.58 + shici.xiange.tech : 59.110.216.155，我在阿里云的服务器 在本地(客户端)查看建立好的连接: 在云主机上(服务端)查看建立好的连接: + 建立连接的过程是什么 + 如何监控连接的状态变化 + TC

• TLS

  发布于2019-07-16更新于2026-09-30

  1. 如何保证证书是有效的/ 撤回 OSCP Stapling 1. 如何保证CA是可信任的 / 根证书 1. 如何保证根证书是可信任的

• 工作从两点开始

  发布于2019-05-12更新于2026-09-30

  在我近三年的职业生涯中，很少有在七点之后才醒过来，周日仍去动物园晨练，写公园闲步与苏轼清风明月般的幸福。

• 零基础前端入门完整指南：从 HTML 到 React 全栈开发路线图

  发布于2021-01-22更新于2026-09-30

  零基础转专业学习前端开发的完整指南，涵盖 HTML/CSS/JavaScript 基础、React 框架、工程化工具、HTTP 通信、Node.js 服务端等全栈技术栈。提供详细的学习时间规划、实用工具推荐、项目实战案例，助你从零构建前端知识体系。

• 拆解 LLM Agent Loop：一张图看懂智能体循环

  发布于2026-09-30

  从一张 Agent Loop 架构图出发，逐层拆解智能体主循环：构建上下文、LLM 调用、输出判定、权限审批、并行执行工具、追加结果、停止条件，以及上下文压缩、子智能体、记忆召回和流式输出这些旁路设计。

• 我常用的 AI 工具及使用场景

  发布于2025-04-02

  记录 Grok、Cursor、豆包在手机与电脑上的搭配组合，以及 Kimi、DeepSeek、Claude 各自适合的生活问答、编程与翻译场景。

• 像 clean code 一样打扫屋子

  发布于2025-03-13

  把 Clean Code 的单一职责、DRY、可维护性与持续重构类比到卧室厨房收纳，并顺带谈 Sonar 与「能住就行」的自嘲。

• 在通勤路上

  发布于2024-11-15

  应前端群友之问，回忆十三号线约二十五分钟通勤里读 RSS 与技术文档、观察早高峰，以及从填满时间到接受发呆。

• Cursor 进阶使用指南

  发布于2024-09-26

  本文深入介绍 Cursor 编辑器的高级特性，包括代码审查最佳实践、自动化测试与文档生成、智能文档集成、快捷键使用技巧以及代码重构指南。通过掌握这些进阶功能，帮助开发者提升编码效率，降低意外代码修改风险，实现更高效的开发工作流程。

• 我的新博客

  发布于2024-03-18

  2024 年用 Astro 搭建新博客的缘由：把技术长文与生活随笔分开，域名后来迁到 shanyue.tech，并反思写博客重在内容而非选型。

• 口腔溃疡与维生素

  发布于2024-03-13

  记录一次口腔溃疡的经历：成因可能来自划伤或营养缺乏，聊聊补充维生素的习惯，以及网购维生素凑起送价的小事。

• Gitee 图床防盗链事件分析：Referer 防盗链原理与绕过技术详解

  发布于2022-03-26

  深入分析 Gitee 突然启用防盗链导致外站图片无法访问的技术原理，详解 Referer 防盗链机制及 Referrer Policy 绕过方案