# 分类：web

> 该分类下的文章按时间倒序排列，便于按主题继续深挖。

## 页面摘要
- 路径: /categories/web/page/2/
- 当前页: 2 / 3
- 文章总数: 205
- 当前页文章数: 80

## 快速导航
- [首页](/)
- [分类索引](/categories/)
- [归档索引](/archive/)

## 本页文章
### [Tomoshibi 写作应用中的火光文字渐灭动画：Canvas/WebGL 实时渲染实现](/posts/2026/03/01/tomoshibi-firelight-text-fade-animation/)
- 日期: 2026-03-01T03:47:18+08:00
- 分类: [web](/categories/web/)
- 摘要: 用 Canvas/WebGL 打造写作工具中文字如火光般渐灭的效果，支持实时输入与 GPU 加速，提供参数调优与完整代码。

### [Now I Get It：科学论文转交互式网页的工程实践](/posts/2026/02/28/nowigetit-scientific-papers-to-interactive-webpages/)
- 日期: 2026-02-28T23:16:32+08:00
- 分类: [web](/categories/web/)
- 摘要: 基于 nowigetit.us 项目，探讨将科学论文 PDF/LaTeX 解析为交互网页的技术实现，包括可编辑方程、嵌入模拟与逐步解释，提升理解效率。

### [SplatHash：二次插值解码的紧凑低计算图像占位符](/posts/2026/02/28/splathash-lightweight-placeholder-hash/)
- 日期: 2026-02-28T20:16:35+08:00
- 分类: [web](/categories/web/)
- 摘要: SplatHash使用高斯溅射与岭回归，将图像压缩至16字节，提供32×32模糊预览，解码0.067ms，优于BlurHash/ThumbHash。

### [Manim 动画引擎 TypeScript 移植：浏览器原生 Canvas/WebGL 数学可视化](/posts/2026/02/28/porting-manim-to-typescript-for-browser-native-math-animations/)
- 日期: 2026-02-28T12:31:27+08:00
- 分类: [web](/categories/web/)
- 摘要: 基于 manim-web 项目，实现 3Blue1Brown 风格数学动画在浏览器无 Python 依赖运行，提供安装、API 用法与性能优化参数。

### [Scrapling 自适应解析器切换、重试与分布式爬取实现](/posts/2026/02/28/scrapling-adaptive-parser-switching-retry-distributed-crawling/)
- 日期: 2026-02-28T11:16:22+08:00
- 分类: [web](/categories/web/)
- 摘要: 基于 Scrapling 框架，实现自适应网页解析、智能重试机制、速率限制与分布式扩展的全站爬取，提供关键参数配置与落地清单。

### [Cloudflare 新 Streams API：可控缓冲与 Backpressure 信号，实现稳定流式传输](/posts/2026/02/28/cloudflare-streams-backpressure-stable-api/)
- 日期: 2026-02-28T10:46:53+08:00
- 分类: [web](/categories/web/)
- 摘要: Cloudflare Streams API 提案引入可控缓冲区与 backpressure 信号，支持 SSE 多模型聚合与断线自动续传的工程化参数与监控要点。

### [用 Clojure 构建自托管互动课程平台：嵌入 REPL 实时编码与用户会话](/posts/2026/02/28/clojure-self-hosted-interactive-course-platform/)
- 日期: 2026-02-28T07:46:41+08:00
- 分类: [web](/categories/web/)
- 摘要: 基于 ClojureStream 项目，探讨 Clojure 全栈自托管 edtech 平台的架构设计，焦点嵌入式 REPL 实现 live coding、多用户会话管理及可扩展部署参数。

### [浏览器中利用 Iframe 和 PostMessage 构建可扩展 Agent 沙箱](/posts/2026/02/28/building-scalable-agent-sandboxes-browser-iframes-postmessage/)
- 日期: 2026-02-28T05:46:49+08:00
- 分类: [web](/categories/web/)
- 摘要: 利用浏览器原生机制 iframe sandbox、postMessage 和 capability APIs，为 AI Agent 构建安全、可扩展的隔离执行环境，无需内核权限，提供工程参数和监控清单。

### [距离场字体纹理生成与栅格化：阈值渲染、Mipmapping及各向异性过滤](/posts/2026/02/28/sdf-fonts-distance-field-rasterization/)
- 日期: 2026-02-28T04:16:30+08:00
- 分类: [web](/categories/web/)
- 摘要: 从矢量轮廓生成SDF字形纹理，实现阈值栅格化、多级渐进纹理与各向异性过滤，支持游戏与Web的可缩放抗锯齿字体渲染。

### [Web Sprite 图集动画的 GPU 加速实现：60fps 低延迟参数](/posts/2026/02/28/web-sprites-sheet-animation-gpu-accel/)
- 日期: 2026-02-28T01:16:42+08:00
- 分类: [web](/categories/web/)
- 摘要: 利用 CSS object-position 或 background-position 结合 GPU transform，实现 sprite sheet 的 60fps 低延迟动画，包含预加载、层优化和性能监控参数。

### [JS Streams API 改进：robust 背压传播与 Workers 边缘稳定流式传输](/posts/2026/02/27/js-streams-api-backpressure-stable-streaming/)
- 日期: 2026-02-27T22:46:40+08:00
- 分类: [web](/categories/web/)
- 摘要: Cloudflare 提出基于 async iterable 的新 Streams API，通过严格背压策略、pull-through 变换和原子状态管理，实现可靠的边缘流式处理，避免内存爆炸与性能瓶颈。

### [WASM 运行时与系统调用垫片：浏览器中仿真 Windows EXE](/posts/2026/02/27/browser-windows-exe-emulation-wasm-syscall-shims/)
- 日期: 2026-02-27T21:46:28+08:00
- 分类: [web](/categories/web/)
- 摘要: 基于 RetroTick，剖析浏览器运行经典 Windows EXE 的技术，包括 x86 WASM 仿真器、Win32 API 垫片，提供工程参数、兼容清单与优化策略。

### [Scrapling 中的智能重试与动态限速工程实践](/posts/2026/02/27/scrapling-smart-retry-rate-limiting/)
- 日期: 2026-02-27T17:31:25+08:00
- 分类: [web](/categories/web/)
- 摘要: 基于 Scrapling 框架，工程化智能阻塞检测、重试逻辑、代理旋转与 per-domain 限速参数，实现大规模 web 爬虫的鲁棒性和容错协调。

### [Firefox AI 杀手开关工程实现：隐藏 about:config 配置、持久默认启用与 UX 陷阱](/posts/2026/02/27/firefox-ai-kill-switch-engineering/)
- 日期: 2026-02-27T17:16:52+08:00
- 分类: [web](/categories/web/)
- 摘要: 剖析 Firefox 148+ AI kill switch 的工程细节，包括官方 UI、隐藏 prefs 清单、user.js 持久化策略，以及默认 Available 状态带来的 opt-in 工程挑战，提供完整禁用参数与监控要点。

### [tldraw 双仓库测试管理：开源应用测试同步闭源后端的 CI/CD 管道与覆盖率对齐](/posts/2026/02/27/tldraw-dual-repo-tests-sync-ci-cd/)
- 日期: 2026-02-27T13:01:33+08:00
- 分类: [web](/categories/web/)
- 摘要: 借鉴 tldraw 项目双仓库测试迁移实践，提供 GitHub Actions 实现的自动化同步、测试执行和覆盖率报告的具体参数与清单。

### [Scrapling 自适应解析器切换、智能重试、限速与分布式扩展：大规模网络数据提取的弹性实践](/posts/2026/02/27/scrapling-adaptive-parser-switching-smart-retry-rate-limiting-distributed-scaling/)
- 日期: 2026-02-27T10:31:42+08:00
- 分类: [web](/categories/web/)
- 摘要: Scrapling 通过自适应元素跟踪、多层 Fetcher 回退、并发池限速及 Docker/MCP 分布式模式，实现从单请求到海量爬取的弹性数据提取。

### [黑客 Tauri 用于设计师原型：Webview 自定义与桥扩展](/posts/2026/02/27/hacking-tauri-for-designer-prototyping/)
- 日期: 2026-02-27T09:47:07+08:00
- 分类: [web](/categories/web/)
- 摘要: Tauri 在设计师原型工具中的 Webview 调整、Rust-JS 桥扩展及轻量窗口管理，提供配置参数、监控清单与快速迭代策略。

### [实现 HN 评论者声誉仪表盘：时效加权 Karma 衰减、争议指标与交互排序](/posts/2026/02/27/implementing-hn-commenter-reputation-dashboard-recency-weighted-karma-decay-controversy-metrics/)
- 日期: 2026-02-27T05:32:22+08:00
- 分类: [web](/categories/web/)
- 摘要: 基于 HN API 客户端轮询，计算评论者最近活跃加权 Karma、争议度等指标，提供可交互排序的声誉仪表盘。

### [Scrapling 自适应解析器切换与智能重试：JS重站反爬分布式实践](/posts/2026/02/26/scrapling-adaptive-parser-switching-smart-retry-distributed-crawls/)
- 日期: 2026-02-26T21:02:01+08:00
- 分类: [web](/categories/web/)
- 摘要: 基于Scrapling框架，实现针对JS重载站点的动态解析器切换、智能重试机制结合指纹轮换，以及通过协调器节点扩展分布式爬取，提供可落地参数与监控清单。

### [Python 自适应网页抓取工程实践：Scrapling 的解析自适应、重试限速与分布式爬取](/posts/2026/02/26/python-scrapling-adaptive-web-scraping-retry-rate-limiting-distributed-crawling/)
- 日期: 2026-02-26T18:31:45+08:00
- 分类: [web](/categories/web/)
- 摘要: 基于 Scrapling 框架，实现自适应解析、鲁棒重试机制、速率限制及分布式爬取的工程参数与监控要点。

### [浏览器代理 UI：远程 Claude Code 与 Cursor CLI 会话工程实践](/posts/2026/02/26/browser-based-proxy-ui-for-remote-claude-code-cursor-sessions/)
- 日期: 2026-02-26T16:31:34+08:00
- 分类: [web](/categories/web/)
- 摘要: 工程浏览器代理 UI，支持移动/网页远程 Claude Code/Cursor CLI 项目同步管理，无需本地环境的关键架构、参数与部署清单。

### [AI 一周重建 Next.js：Cloudflare vinext 的工程实践与架构设计](/posts/2026/02/25/ai-one-week-nextjs-rebuild-vinext/)
- 日期: 2026-02-25T07:06:57+08:00
- 分类: [web](/categories/web/)
- 摘要: 深度解析 Cloudflare 工程师如何借助 AI 在一周内完成 Next.js 重建，涵盖技术架构、AI 工作流、工程护栏与性能基准数据。

### [自适应解析与并发流量控制：Scrapling爬虫框架设计解析](/posts/2026/02/24/adaptive-parsing-concurrent-traffic-control-scrapling-framework/)
- 日期: 2026-02-24T22:33:55+08:00
- 分类: [web](/categories/web/)
- 摘要: 深入解析Scrapling框架的自适应解析机制与并发流量控制实现，提供可落地的工程参数配置。

### [自适应解析与并发流量控制：Scrapling爬虫框架设计解析](/posts/2026/02/24/adaptive-parsing-concurrent-traffic-control-scrapling-framework-analysis/)
- 日期: 2026-02-24T22:33:55+08:00
- 分类: [web](/categories/web/)
- 摘要: 深入解析Scrapling框架的自适应解析机制与并发流量控制实现，提供可落地的工程参数配置。

### [Firefox 148 SetHTML API：如何从架构层面消除 DOM XSS](/posts/2026/02/24/firefox-148-sethtml-sanitizer-api-xss-protection/)
- 日期: 2026-02-24T21:54:46+08:00
- 分类: [web](/categories/web/)
- 摘要: 深入解析 Firefox 148 引入的 SetHTML API 与 Sanitizer API，探讨其如何从浏览器底层架构替代 InnerHTML，从根本上消除 DOM XSS 攻击向量。

### [CSS 运行时的极限探索：纯 CSS 实现 x86 CPU 指令集 emulation 的工程实践](/posts/2026/02/24/css-runtime-x86-emulation-exploration/)
- 日期: 2026-02-24T20:26:50+08:00
- 分类: [web](/categories/web/)
- 摘要: 深入分析 x86CSS 项目如何利用 CSS 动画与选择器实现完整的 8086 指令解码，并探讨 CSS 作为运行时计算基底的工程可行性边界。

### [浏览器内硬件仿真平台架构：Diode 的前端 EDA 与实时 SPICE 实践](/posts/2026/02/24/browser-based-hardware-simulation-architecture-diodes-eda-and-spice/)
- 日期: 2026-02-24T17:10:42+08:00
- 分类: [web](/categories/web/)
- 摘要: 以 Diode 为例解析 Web 端硬件仿真平台的工程架构，涵盖前端原理图编辑、SPICE 引擎选型及波形可视化等技术实现路径。

### [Flickr URL 设计美学：REST API 的经典范式与 Web 架构遗产](/posts/2026/02/24/flickr-url-design-aesthetics-rest-api-paradigm/)
- 日期: 2026-02-24T16:01:53+08:00
- 分类: [web](/categories/web/)
- 摘要: 解析 Flickr 如何通过路径语义化、资源层级清晰的 URL 设计影响后续 REST API 与 Web 架构，及其对现代 Web 开发的启示。

### [移动端 Web UI 架构与远程 AI 会话管理：Claude Code UI 技术解析](/posts/2026/02/24/claude-code-ui-mobile-web-ui-architecture/)
- 日期: 2026-02-24T14:34:23+08:00
- 分类: [web](/categories/web/)
- 摘要: 面向移动端场景的响应式设计要点、WebSocket 实时通信机制、远程 AI 会话持久化策略及 CloudCLI 基础设施架构。

### [自托管博客与个人数据主权：用树莓派与Markdown构建自主可控的Web服务](/posts/2026/02/24/self-hosted-blog-raspberry-pi-markdown/)
- 日期: 2026-02-24T07:50:30+08:00
- 分类: [web](/categories/web/)
- 摘要: 基于R.S. Doiel的「自主Web」理念，详解使用树莓派、静态站点生成器和Markdown构建个人数据主权的工程实践路径。

### [用Babyshark实现PCAP终端交互式解析：流量可视化和分析参数指南](/posts/2026/02/24/babyshark-terminal-pcap-analysis/)
- 日期: 2026-02-24T06:31:06+08:00
- 分类: [web](/categories/web/)
- 摘要: 面向网络工程师与安全分析人员，详解Babyshark终端UI的PCAP交互式解析流程、可视化参数配置与生产环境分析要点。

### [移动端远程管理 Claude Code：CloudCLI 部署与移动体验实战指南](/posts/2026/02/24/mobile-remote-claude-code-cloudcli-guide/)
- 日期: 2026-02-24T02:47:17+08:00
- 分类: [web](/categories/web/)
- 摘要: 通过 CloudCLI 在移动端远程访问 Claude Code CLI，构建跨设备的 AI 开发工作流，实测端口配置、网络暴露与移动端交互优化。

### [日本网站独特视觉语言：固定宽度、Flash遗留与响应式设计的差异化演进](/posts/2026/02/24/japanese-web-design-unique-visual-language/)
- 日期: 2026-02-24T00:48:25+08:00
- 分类: [web](/categories/web/)
- 摘要: 解析日本网站独特视觉语言：固定宽度、Flash遗留、CMS强制模板，探讨其与西方响应式设计的差异化演进路径。

### [从扁平到树形：手写Python UI引擎的渲染架构与事件系统复盘](/posts/2026/02/23/flat-to-tree-rendering-architecture-event-system-python-ui-engine/)
- 日期: 2026-02-23T20:26:50+08:00
- 分类: [web](/categories/web/)
- 摘要: 以PyGame软件渲染为基底，复盘从扁平组件列表到树形布局引擎的演进路径，提供渲染管线、事件系统与性能优化的可落地工程参数。

### [Fresh File Explorer：基于 Git 历史的智能文件导航与热力图可视化](/posts/2026/02/23/fresh-file-explorer-vscode-git-history-heatmap/)
- 日期: 2026-02-23T16:03:40+08:00
- 分类: [web](/categories/web/)
- 摘要: 深入分析 Fresh File Explorer 扩展的 Git 感知算法与热力图可视化机制，对比传统 Recent Files 扩展的实现差异，并给出工程化配置参数。

### [开源 Slack 替代方案 OpenSlack 核心架构与实时消息同步设计](/posts/2026/02/23/openslack-core-architecture-and-realtime-messaging/)
- 日期: 2026-02-23T13:18:47+08:00
- 分类: [web](/categories/web/)
- 摘要: 基于 Bun + React + Hono 的全栈 monorepo 设计，深入解析 WebSocket 实时通信、消息持久化与频道管理的工程实践。

### [工具即生产力：开发者环境优化与工作流效率提升实践](/posts/2026/02/23/fix-your-tools-developer-productivity/)
- 日期: 2026-02-23T08:31:30+08:00
- 分类: [web](/categories/web/)
- 摘要: 从一次调试器配置问题的修复经历，探讨开发者如何通过系统化工具优化实现工作流效率的持续提升。

### [WebGL矢量气象地图渲染：瓦片流式加载与实时数据集成工程实践](/posts/2026/02/23/webgl-vector-weather-rendering-tile-streaming/)
- 日期: 2026-02-23T07:02:38+08:00
- 分类: [web](/categories/web/)
- 摘要: 深入解析基于WebGL的全球矢量气象地图渲染方案，涵盖瓦片流式加载策略、实时数据更新机制与交互式可视化工程实现要点。

### [React流媒体播放器架构：客户端媒体处理与自适应流实现](/posts/2026/02/23/react-streaming-player-architecture-hls-adaptive-bitrate/)
- 日期: 2026-02-23T03:38:35+08:00
- 分类: [web](/categories/web/)
- 摘要: 基于Stremio-web开源项目解析React环境下HLS自适应流播放器的架构设计、核心组件与工程化参数。

### [基于WebGL的全球气象向量化渲染工程实践](/posts/2026/02/23/webgl-vector-weather-rendering/)
- 日期: 2026-02-23T02:47:36+08:00
- 分类: [web](/categories/web/)
- 摘要: 深入解析Xweather Live背后的WebGL向量化渲染架构，涵盖客户端渲染、实时数据流接入与交互式缩放性能优化的工程化参数。

### [纯 CSS 3D 变换实现麻将游戏渲染：无 WebGL 的立体场景构建](/posts/2026/02/23/css-3d-transforms-mahjong-game-rendering/)
- 日期: 2026-02-23T00:00:00+08:00
- 分类: [web](/categories/web/)
- 摘要: 深入解析如何使用 CSS 3D transform 构建可交互的麻将游戏场景，涵盖坐标系统、深度渲染、相机控制与性能优化等工程实践要点。

### [VS Code扩展实现工作区感知的智能最近文件追踪](/posts/2026/02/23/vscode-extension-recent-files-workspace-context/)
- 日期: 2026-02-23T00:00:00+08:00
- 分类: [web](/categories/web/)
- 摘要: 深入解析VS Code扩展开发中最近文件追踪的技术实现，包含工作区上下文感知、MRU列表管理与QuickPick交互设计。

### [Stremio Web 前端架构解析：React 与流媒体播放器的工程实现](/posts/2026/02/22/stremio-web-frontend-architecture-react-streaming-player/)
- 日期: 2026-02-22T23:33:25+08:00
- 分类: [web](/categories/web/)
- 摘要: 深入解析 Stremio Web 的 JavaScript 客户端架构，探讨 React 前端与 stremio-core (WASM) 的协作模式及 HTML5 播放器实现细节。

### [WebAssembly Pebble模拟器架构与复古嵌入式在线开发工具链设计](/posts/2026/02/22/webassembly-pebble-online-emulator-architecture/)
- 日期: 2026-02-22T09:10:30+08:00
- 分类: [web](/categories/web/)
- 摘要: 深入解析基于WebAssembly的Pebble智能手表模拟器架构，涵盖ARM核心编译、内存模型、外设模拟与前端Canvas渲染的工程实现细节。

### [FossFLOW 等轴测基础设施图生成引擎技术解析](/posts/2026/02/22/fossflow-isometric-infrastructure-diagram-engine/)
- 日期: 2026-02-22T06:19:17+08:00
- 分类: [web](/categories/web/)
- 摘要: 深入解析 FossFLOW 的 TypeScript/React 渲染管线、SVG/Canvas 双输出层与云架构模板实现机制。

### [从数据到体验：Meta 平台内容质量崩塌的工程根因分析](/posts/2026/02/22/facebook-platform-decline-analysis/)
- 日期: 2026-02-22T03:17:56+08:00
- 分类: [web](/categories/web/)
- 摘要: 通过一个真实用户时隔八年回归 Facebook 的体验切片，剖析推荐算法优化目标偏移如何导致社交网络内容生态的系统性退化。

### [Stremio Web 客户端流媒体架构：去中心化 addon 系统与渲染管线](/posts/2026/02/21/stremio-web-streaming-architecture/)
- 日期: 2026-02-21T20:32:11+08:00
- 分类: [web](/categories/web/)
- 摘要: 深入解析 Stremio Web 的前端架构设计，涵盖去中心化 addon 协议、BitTorrent 流媒体渲染管线与缓存策略等核心技术点。

### [Wikipedia 弃用 Archive.today 的工程决策：链接迁移策略与技术影响评估](/posts/2026/02/21/wikipedia-deprecates-archive-today-engineering-decision/)
- 日期: 2026-02-21T12:16:13+08:00
- 分类: [web](/categories/web/)
- 摘要: 深入分析 Wikipedia 弃用 Archive.today 的工程技术考量，涵盖链接迁移算法、依赖风险模型及多存档 fallback 策略的技术实现。

### [SwiftUI macOS Hacker News客户端架构设计实战](/posts/2026/02/21/swiftui-macos-hacker-news-client-architecture/)
- 日期: 2026-02-21T00:47:29+08:00
- 分类: [web](/categories/web/)
- 摘要: 面向原生macOS端，基于SwiftUI构建Hacker News客户端的架构设计、HN API集成、数据层缓存与原生UI模式实践。

### [Electrobun C++核心架构与TypeScript绑定机制性能优化分析](/posts/2026/02/21/electrobun-cpp-core-typescript-binding-performance/)
- 日期: 2026-02-21T00:16:41+08:00
- 分类: [web](/categories/web/)
- 摘要: 深入分析 Electrobun 基于 Zig/C++ 的原生核心设计、类型安全 RPC 机制及其相比 Electron 的性能优势工程实现。

### [Web Components：无需框架的复兴](/posts/2026/02/20/web-components-framework-free-renaissance/)
- 日期: 2026-02-20T18:49:11+08:00
- 分类: [web](/categories/web/)
- 摘要: 解析 Web Components 复兴背后的技术驱动：原生组件模型、Shadow DOM 与跨框架互操作性的工程实践。

### [Tsonic：TypeScript 原生二进制编译的第三条路径](/posts/2026/02/20/tsonic-typescript-native-binary-compiler/)
- 日期: 2026-02-20T17:36:02+08:00
- 分类: [web](/categories/web/)
- 摘要: 探索将 TypeScript/Express 代码直接编译为本地二进制可执行文件的技术原理与工程实践，区别于传统 Node.js 解释执行或 WebAssembly 方案。

### [Fostrom IoT 云平台的开发者体验设计解析：设备接入、边缘函数与多租户计费](/posts/2026/02/20/fostrom-iot-platform-developer-experience/)
- 日期: 2026-02-20T15:18:34+08:00
- 分类: [web](/categories/web/)
- 摘要: 深入解析 Fostrom IoT 云平台的开发者体验设计，涵盖设备接入协议、边缘函数部署与多租户计费模型的工程实现细节。

### [新闻网站微支付系统技术架构：支付通道、计量模型与用户留存权衡](/posts/2026/02/20/news-website-micropayment-technical-architecture/)
- 日期: 2026-02-20T05:17:33+08:00
- 分类: [web](/categories/web/)
- 摘要: 深入探讨新闻网站微支付系统的技术实现，包括支付通道集成、计量计费模型设计，以及提升用户留存的关键工程策略。

### [中世纪数字的字体级连字设计：Cistercian 数字 OpenType 连字规则配置实践](/posts/2026/02/19/medieval-numeral-ligature-design-opentype-cistercian/)
- 日期: 2026-02-19T16:33:32+08:00
- 分类: [web](/categories/web/)
- 摘要: 基于 medieval numeral 字符集的 OpenType 字体连字设计工程实践，探讨字形绘制与 ligature 规则配置参数。

### [前端工具链性能基准与AI集成优化：开发体验与生成效率平衡指南](/posts/2026/02/19/front-end-tooling-benchmark-ai-integration-optimization/)
- 日期: 2026-02-19T06:47:29+08:00
- 分类: [web](/categories/web/)
- 摘要: 深度对比 Vite、Turbopack、Rsbuild 性能基准，解析 AI 代码生成工具集成策略与延迟优化参数。

### [Cistercian 数字 SVG 渲染算法：坐标映射与连线绘制实战](/posts/2026/02/19/cistercian-numbers-svg-rendering-algorithm/)
- 日期: 2026-02-19T02:05:36+08:00
- 分类: [web](/categories/web/)
- 摘要: 详解 13 世纪 Cistercian 数字符号系统的 SVG 渲染管线，包含坐标网格定义、基础数字笔划模式、象限映射规则与工程化实现参数。

### [CEL策略表达式语言实战手册：从示例到生产环境配置校验](/posts/2026/02/18/cel-policy-expression-language/)
- 日期: 2026-02-18T23:18:24+08:00
- 分类: [web](/categories/web/)
- 摘要: 通过CELbyExample示例系统学习Common Expression Language，掌握Kubernetes admission策略配置与生产环境错误处理最佳实践。

### [Shaper：开源 SQL 驱动分析平台，DuckDB 原生嵌入式 OLAP 实战部署](/posts/2026/02/18/shaper-duckdb-analytics-dashboard/)
- 日期: 2026-02-18T16:16:36+08:00
- 分类: [web](/categories/web/)
- 摘要: 深入解析 Taleshape 开源项目 Shaper，作为 Metabase 开源替代方案，提供纯 SQL 驱动的交互式仪表盘构建能力，结合 DuckDB 进程内分析引擎给出生产级部署参数。

### [Breadboard：现代HyperCard式的Canvas卡片Web应用构建框架](/posts/2026/02/18/breadboard-modern-hypercard-canvas-web-framework/)
- 日期: 2026-02-18T15:33:58+08:00
- 分类: [web](/categories/web/)
- 摘要: Breadboard将Canvas API与响应式绑定结合，实现类似HyperCard的卡片式Web应用开发框架，可视化组件树与事件流驱动。

### [使用 pg-typesafe 实现 PostgreSQL 查询的编译时类型安全](/posts/2026/02/18/strongly-typed-postgresql-queries-with-pg-typesafe/)
- 日期: 2026-02-18T11:47:14+08:00
- 分类: [web](/categories/web/)
- 摘要: 深入解析 pg-typesafe 如何通过 TypeScript 编译器在开发阶段捕获 SQL 语法与类型错误，提供零运行时开销的 PostgreSQL 类型安全查询方案。

### [GitHub PR审查热图Chrome扩展：AI生成代码的实时可视化辅助](/posts/2026/02/17/github-pr-review-heatmap-chrome-extension-ai-assist/)
- 日期: 2026-02-17T20:26:50+08:00
- 分类: [web](/categories/web/)
- 摘要: 本文介绍如何构建一个Chrome扩展，在GitHub PR审查中实时可视化代码行查看热图，通过跟踪行级注意力帮助审查者快速定位AI生成长PR中的关键变更与冗余代码块，并提供可落地的实现参数与配置清单。

### [WebMCP 工程化实现：浏览器端 AI 代理运行时 API 标准化](/posts/2026/02/17/webmcp-browser-side-agent-runtime-api-standardization-engineering-implementation/)
- 日期: 2026-02-17T11:31:03+08:00
- 分类: [web](/categories/web/)
- 摘要: 深入探讨 WebMCP 提案的工程落地，涵盖跨框架兼容、沙箱隔离、资源配额与安全策略的实施参数与监控要点。

### [Seerr 媒体请求队列优化：优先级、去重与同步机制深度剖析](/posts/2026/02/17/seerr-request-queue-deduplication-sync-mechanism/)
- 日期: 2026-02-17T02:46:02+08:00
- 分类: [web](/categories/web/)
- 摘要: 深入解析 Seerr 媒体发现与请求管理器中的请求队列优先级算法、去重策略及与 Plex/Jellyfin 的实时同步机制，提供可落地的工程化参数与监控要点。

### [Oat：语义化HTML与零依赖架构下的极轻量级UI组件库工程分析](/posts/2026/02/16/oat-semantic-zero-dependency-ui-analysis/)
- 日期: 2026-02-16T20:26:50+08:00
- 分类: [web](/categories/web/)
- 摘要: 本文深入分析Oat UI组件库如何通过语义化HTML与零依赖设计实现仅8KB的极轻量级，探讨其在可访问性、性能及长期维护方面的工程取舍，为现代Web开发中的框架选择提供具体参考。

### [实现 Gwtar 单文件 HTML 懒加载格式的流式解析器](/posts/2026/02/16/gwtar-single-file-html-lazy-loading-streaming-parser-implementation/)
- 日期: 2026-02-16T19:46:03+08:00
- 分类: [web](/categories/web/)
- 摘要: 深入解析 Gwtar 格式的懒加载机制，并提供实现一个支持按需加载内嵌资源（CSS/JS/图片）的流式解析器的完整工程方案，涵盖关键参数、监控要点与回退策略。

### [现代CSS代码片段的工程实现：Grid、容器查询与层叠上下文的实战参数](/posts/2026/02/16/engineering-implementation-of-modern-css-code-snippets/)
- 日期: 2026-02-16T14:32:15+08:00
- 分类: [web](/categories/web/)
- 摘要: 深入剖析CSS Grid/Subgrid布局系统、容器查询的响应式设计、层叠上下文优化与浏览器兼容性策略，提供可落地的工程参数与渐进增强清单。

### [设计混合内容相似度与社区投票的博客发现算法：以Ooh.directory为例](/posts/2026/02/15/hybrid-blog-discovery-algorithm-content-community-voting/)
- 日期: 2026-02-15T17:15:58+08:00
- 分类: [web](/categories/web/)
- 摘要: 本文探讨如何为Ooh.directory这类博客目录设计一个混合推荐系统，结合内容相似度与社区投票信号，实现高精度、低延迟且避免同质化的个性化博客发现。

### [工程视角：uBlock Origin 屏蔽 YouTube Shorts 的 CSS 选择器策略与性能调优](/posts/2026/02/15/ublock-youtube-shorts-filtering-engineering/)
- 日期: 2026-02-15T06:01:03+08:00
- 分类: [web](/categories/web/)
- 摘要: 深入分析 uBlock Origin 通过 CSS 选择器过滤 YouTube Shorts 的实现机制，探讨其性能影响、跨浏览器兼容性挑战及可落地的维护参数与监控要点。

### [基于内容相似度与社区投票的博客发现算法设计](/posts/2026/02/15/blog-discovery-algorithm-content-similarity-community-voting/)
- 日期: 2026-02-15T02:31:01+08:00
- 分类: [web](/categories/web/)
- 摘要: 针对博客目录中的冷启动与长尾曝光问题，提出一个结合内容相似度计算与社区投票权重的混合推荐算法，并给出可落地的参数配置与可解释性实现方案。

### [构建对抗性UI测试框架：自动化检测“无小费”选项的暗黑模式](/posts/2026/02/14/adversarial-ui-testing-dark-pattern-detection-skip-tip/)
- 日期: 2026-02-14T09:46:01+08:00
- 分类: [web](/categories/web/)
- 摘要: 针对小费界面中‘无小费’选项的暗黑模式设计，提出一套对抗性UI测试框架，通过量化视觉隐藏、流程阻碍与认知负荷，实现自动化检测与评估。

### [WebGL 实时协作画板的渲染管线优化与冲突解决算法](/posts/2026/02/14/webgl-real-time-canvas-collaboration-rendering-conflict-resolution/)
- 日期: 2026-02-14T01:01:02+08:00
- 分类: [web](/categories/web/)
- 摘要: 探讨如何基于类似 Monosketch 的架构，实现 WebGL 实时协作画板，重点分析渲染管线优化策略与冲突解决算法（OT/CRDT）的工程化选型与落地参数。

### [实时草图协作的同步冲突解决与 WebGL 渲染优化](/posts/2026/02/13/real-time-sketch-collaboration-sync-conflict-resolution-and-webgl-rendering-optimization/)
- 日期: 2026-02-13T23:17:03+08:00
- 分类: [web](/categories/web/)
- 摘要: 针对多用户实时协作草图工具，深入分析操作转换 (OT) 与冲突无复制数据类型 (CRDT) 在笔迹同步中的优劣，并提供 WebGL 渲染管线的性能优化参数与监控清单，以实现低延迟、高一致性的绘图体验。

### [Rari Rust React Bundler：增量编译与Tree Shaking的协同算法实现](/posts/2026/02/13/rari-rust-react-bundler-tree-shaking-incremental-compilation/)
- 日期: 2026-02-13T12:16:01+08:00
- 分类: [web](/categories/web/)
- 摘要: 深入剖析Rari Rust React Bundler中增量编译与Tree Shaking的协同优化算法，实现毫秒级热更新与极致包体积优化。

### [工程化拆解暗黑交互模式：构建自动化检测与对抗性UI测试框架](/posts/2026/02/13/engineering-dark-pattern-detection-and-adversarial-ui-testing-framework/)
- 日期: 2026-02-13T11:34:10+08:00
- 分类: [web](/categories/web/)
- 摘要: 本文以‘Skip the Tips’游戏为引，系统阐述自动化检测暗黑模式的技术架构，并探讨对抗性UI测试框架的构建，为前端工程提供可落地的防御实践。

### [Rari框架中基于Rust的Tree Shaking深度优化：从46%的包体积缩减说起](/posts/2026/02/13/deep-dive-into-tree-shaking-optimization-in-rari-rust-bundler/)
- 日期: 2026-02-13T08:01:04+08:00
- 分类: [web](/categories/web/)
- 摘要: 深入解析Rari如何利用Rust工具链与React Server Components架构，在编译时实现近乎极致的Tree Shaking，带来高达46%的包体积缩减与5.8倍的构建速度提升。

### [设计 Tambo 跨进程 React 组件序列化与状态同步协议](/posts/2026/02/12/tambo-cross-process-react-component-serialization-protocol/)
- 日期: 2026-02-12T22:46:01+08:00
- 分类: [web](/categories/web/)
- 摘要: 深入探讨如何为 Tambo 设计一个安全的跨进程 React 组件序列化协议，实现 AI 代理与 UI 渲染层之间的零配置热插拔状态同步。

### [可序列化 React 状态机：跨进程同步与 AI 代理桥接架构](/posts/2026/02/12/serializable-react-state-machine-cross-process-sync-and-ai-agent-bridge-architecture/)
- 日期: 2026-02-12T11:09:08+08:00
- 分类: [web](/categories/web/)
- 摘要: 本文从组件化架构角度，探讨如何设计可序列化、可跨进程同步的 React 组件状态机，并通过 AG-UI 协议实现 AI 代理与前端 UI 的无缝桥接，提供具体的工程化参数与实现模式。

### [Rabbit Ear：浏览器中实时折纸的工程化实现](/posts/2026/02/08/rabbit-ear-browser-js-origami-engineering/)
- 日期: 2026-02-08T23:45:43+08:00
- 分类: [web](/categories/web/)
- 摘要: 深入解析 Rabbit Ear 库如何利用 FOLD 图结构数据模型与混合渲染管线，实现浏览器环境下的可编程折纸几何约束求解与实时交互。

### [用 JavaScript 在浏览器中实现可编程折纸：Rabbit Ear 的工程解析](/posts/2026/02/08/engineering-programmable-origami-in-the-browser-with-javascript/)
- 日期: 2026-02-08T00:00:00+08:00
- 分类: [web](/categories/web/)
- 摘要: 深入解析 Rabbit Ear 库如何将折纸的几何约束、折叠动画与交互式编辑器整合进浏览器，并提供可落地的工程参数与实现清单。