技术向约 5.1 千字
生活在字典树上 —— 存储和匹配海量的域名和 IP 地址
如果你经受过正经的 CS 教育（在课堂上亦或是自学），那么你无需花费过多的时间读完本文；本文试图讲解的数据结构非常基础、你理应早就掌握了。原本我甚至不屑于将这些内容写成一篇文章，但是在见识到网络反审查社区参与者的平均水平和技术素养的多样性之后，我觉得这么一篇最基础的数据结构的扫盲科普还是很有必要的。
Sukka's Blog 分类 技术向
分类
技术向
共 37 篇文章
技术向约 7 千字
杀死那只鹦鹉 —— 「白话文」讲解一种探测 XTLS VLESS REALITY 的手段
让我们抛弃传统的「猫鼠游戏」对抗思维，不去费力寻找 VLESS 和 REALITY 协议在密码学上可能存在的深奥缺陷，而去关注一个更具决定性且无法逾越的变量：@RPRX 在代码工程实现层面所表现出的、近乎结构性的认知局限。通过针对性地审计 XTLS 的实现代码，我们可以在不触碰任何高深算法的前提下，实现对 XTLS VLESS REALITY 代理服务的手术刀式探测与精准识别。
技术向约 3.5 千字
用代码和 Git 管理 DNS 记录 —— DNSControl 和 GitHub Actions CI/CD 实践
作为互联网基础设施的基石之一，DNS 也是最脆弱的环节之一。在项目从上线、运营维护的整个生命周期中，DNS 记录的变更和管理是不可避免的。传统上，DNS 记录的管理往往依赖于域名注册商或 DNS 服务商提供的 控制平面，操作不直观、不可复现、容易出错、难以追溯、没有自动化。基础设施即代码（Infrastructure as Code, IaC）无疑为脆弱的 DNS 记录管理给出了一个方向。
技术向约 6.9 千字
是什么，为什么，怎么做 —— 谈谈 DNS 泄漏、CDN 访问优化与 Fake IP
2001 年 4 月 IETF 通过的 RFC3089 中所描述的 Fake IP，是四层代理分流场景下 性能相对最佳、体验相对最好、实现相对最简单的「最佳实践」。相比之下，Real IP 模式下为了尽可能接近 Fake IP 的性能、体验，需要大量额外配置、付出更多的代价。
技术向约 5.1 千字
2024 年，如何不使用 create-react-app 从头为 React 项目配置 webpack
对于全新的 React 项目来说，一开始就使用 Next.js、Remix、Shopify Hydrogen、Gatsby 等 React 元框架（Meta Framework）是最正确的选择，这些元框架替你解决了路由、数据加载、服务端渲染（SSR）、全静态页面导出（SSG）、边缘计算、打包器和编译器配置。然而，如果你需要迁移现有的、纯客户端渲染（Client-side Rendering）的项目到 React、或者从其他打包器（如 Vite 或 Parcel）迁移走时，即使在 2024 年，webpack 仍然不失为一种选择。
技术向约 3.4 千字
在 JavaScript 中实现和使用 Context
使用过 React 构建应用的开发者对 React Context 一定不会陌生。在 React 的世界中，相比于把 prop 不断透传给下一层子组件（prop-drilling），React Context 可以更优雅地自上而下将数据从父组件传递到深层级的子组件、并确保数据在不同子组件之间保持一致。不过，Context 绝不是仅属于 React，在 JavaScript 中 Context 一样可以大展拳脚。
技术向约 3.9 千字
React 为什么重新渲染
更新（重新渲染）是 React 的重要特性 —— 当用户与应用交互的时候，React 需要重新渲染、更新 UI，以响应用户的输入。但是，React 为什么会重新渲染呢？如果不知道 React 为什么会重新渲染，我们如何才能避免额外的重新渲染呢？
技术向约 3.1 千字
为什么你不应该在 React 中直接使用 useEffect 从 API 获取数据
React 是一个由 Facebook 开源的、可以在任意平台上构建 UI 的 JavaScript 库。在 React 中，一个常见的 Pattern 是使用 useEffect 搭配 useState 发送请求、将状态从 API（React 外部）同步到 React 内部、用于渲染 UI，这篇文章恰恰在向你介绍为什么你不应该直接这么做。
技术向约 1.8 千字
优化博客的累计布局偏移（CLS）问题
距离上一篇文章发布已有四个月了，是时候写几篇文章给博客除草了。上一次我介绍了我如何迁移、重构了我的博客的架构，这次我想来谈谈我在重构中优化和打磨访客体验时解决的一个问题。 我的博客优化之旅 图片 lazyload 的学问和在 Hexo 上的最佳实践 我的博客有多快？ 天下武功，唯快不破 —— 我是这样优化博客的 再快一点，再快一点 —— 优化博客白屏时间的实践 使用 Next.js +...
技术向约 10 千字
使用 Next.js + Hexo 重构我的博客
在咕咕了一整年、只发布了三篇文章（其中两篇还是译文）之后，我决定还是稍微花一点时间好好折腾一下自己的博客，以 React 作为抓手，通过 Next.js 和 Hexo 深度共建，对标 Gatsby，打通静态 HTML 与用户交互之间的垂直领域屏障，实现多维矩阵闭环，为个人博客赋能（咳咳咳），然后水出 2022 年第一篇文章（逃） 技术选型：Gatsby vs Next.js 我使用 H...
