personBlog

KO | EN

gitlite — search

#javascript #hacktoberfest #react #typescript #go #android #machine-learning #docker #macos #java #vue #security #openai #open-source

(★ 112)

个人博客(wsafight)，有用请点star

personBlog 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 个人博客

源自于工作、生活、学习，以及他人书籍。

博客包括个人理解以及个人学习知识汇综，不一定大而全，但一定会在不断的写作中提高博客质量。

在线阅读：<https://wsafight.github.io/personBlog/>

## 目录

### 前端工程（22）

- [深入 JavaScript Iterator Helpers：从 API 到引擎实现](https://wsafight.github.io/personBlog/posts/iterator-helper/)
- [Pagefind：为静态网站打造的极速搜索方案](https://wsafight.github.io/personBlog/posts/pagefind/)
- [基于 Squoosh WASM 的浏览器端图片转换库](https://wsafight.github.io/personBlog/posts/use-squoosh/)
- [超长定时器 long-timeout](https://wsafight.github.io/personBlog/posts/long-timeout/)
- [手写一个前端存储工具库](https://wsafight.github.io/personBlog/posts/front-storage-helper/)
- [从 await-to-js 到 try-run-js](https://wsafight.github.io/personBlog/posts/try-run-js/)
- [不可变数据工具库 immutability-helper](https://wsafight.github.io/personBlog/posts/immutability-helper/)
- [手写一个业务数据比对库](https://wsafight.github.io/personBlog/posts/diff-helper/)
- [使用 normalizr 进行复杂数据转换](https://wsafight.github.io/personBlog/posts/normalizr/)
- [确保从列表中获取可用值](https://wsafight.github.io/personBlog/posts/ensure-get-list-val/)
- [玩转 AbortController 控制器](https://wsafight.github.io/personBlog/posts/abort-controller/)
- [组织和管理 CSS](https://wsafight.github.io/personBlog/posts/css-manage/)
- [总结对象安全访问处理方案](https://wsafight.github.io/personBlog/posts/safe-read-obj/)
- [命令行错误提示—谈谈模糊集](https://wsafight.github.io/personBlog/posts/fuzzy-set/)
- [利用 XState(有限状态机) 编写易于变更的代码](https://wsafight.github.io/personBlog/posts/xstate/)
- [根据背景色自适应文本颜色](https://wsafight.github.io/personBlog/posts/font-color/)
- [重修算法(1)—以 O(n) 复杂度构建树结构](https://wsafight.github.io/personBlog/posts/tree-algo/)
- [移动端列表查询最佳实践](https://wsafight.github.io/personBlog/posts/list-search/)
- [2020年 我要这样写代码](https://wsafight.github.io/personBlog/posts/good-code/)
- [探讨奇技淫巧](https://wsafight.github.io/personBlog/posts/mannerism/)
- [利用 es6 new.target 来对模拟抽象类](https://wsafight.github.io/personBlog/posts/new-target/)
- [谈谈前端工程化 js加载](https://wsafight.github.io/personBlog/posts/js-load/)

### Web 服务（13）

- [Drizzle 凭什么贴着 Go 跑——从设计哲学到热路径源码](https://wsafight.github.io/personBlog/posts/drizzle/)
- [深入理解 Go Context：从原理到实战（基于 Go 1.26）](https://wsafight.github.io/personBlog/posts/go-context/)
- [HonoX：下一代全栈 Web 框架深度解析](https://wsafight.github.io/personBlog/posts/honox/)
- [Hono 深入使用指南：从入门到精通](https://wsafight.github.io/personBlog/posts/hono/)
- [Hono 路由器为什么这么快？RegExpRouter 核心原理深度解析](https://wsafight.github.io/personBlog/posts/hono-router/)
- [n8n 完全指南：从入门到实战的 AI 工作流自动化平台](https://wsafight.github.io/personBlog/posts/n8n/)
- [H2O 服务器：极致性能的下一代 Web 服务器](https://wsafight.github.io/personBlog/posts/h2o/)
- [Caddy服务器：现代化Web服务的极简解决方案](https://wsafight.github.io/personBlog/posts/caddy/)
- [IPFS 简介](https://wsafight.github.io/personBlog/posts/ipfs/)
- [SQL 语句构建网页工具 SQLPage](https://wsafight.github.io/personBlog/posts/sqlpage/)
- [前端部署工具 PinMe](https://wsafight.github.io/personBlog/posts/pinme/)
- [聊聊并发控制锁](https://wsafight.github.io/personBlog/posts/concurrency-locks/)
- [使用 better-queue 管理复杂的任务](https://wsafight.github.io/personBlog/posts/better-queue/)

### 前端框架（10）

- [TSRX：一份源码，编译到 React / Solid / Vue / Preact / Ripple](https://wsafight.github.io/personBlog/posts/tsrx/)
- [深入理解 Signal：Push-Pull 响应式算法源码解读](https://wsafight.github.io/personBlog/posts/signal/)
- [Ripple：一个现代的响应式 UI 框架](https://wsafight.github.io/personBlog/posts/ripplejs/)
- [聊聊前端框架的未来 Signals](https://wsafight.github.io/personBlog/posts/signals/)
- [让 React 拥有更快的虚拟 DOM](https://wsafight.github.io/personBlog/posts/million/)
- [手写一个 React 动画组件](https://wsafight.github.io/personBlog/posts/animate-component/)
- [漫谈受控与非受控组件](https://wsafight.github.io/personBlog/posts/controlled-components/)
- [谈谈魔法消失UI框架 Svelte](https://wsafight.github.io/personBlog/posts/svelte/)
- [从 UX 与 DX 来谈一谈 React SWR](https://wsafight.github.io/personBlog/posts/swr/)
- [利用 WeakMap 对 Vue 新建数组中的对象赋予 :key](https://wsafight.github.io/personBlog/posts/weakMap-key/)

### 性能优化（8）

- [单机 Rust 架构处理 10 万+ 在线用户：深度分析与优化建议](https://wsafight.github.io/personBlog/posts/rust-perf/)
- [Porffor：用 JavaScript 写的 JavaScript AOT 编译器](https://wsafight.github.io/personBlog/posts/porffor/)
- [手写一个 Askama 模板压缩工具](https://wsafight.github.io/personBlog/posts/askama-minify/)
- [前端持久化缓存优化](https://wsafight.github.io/personBlog/posts/lasting-cache/)
- [手写一个基于 Proxy 的缓存库](https://wsafight.github.io/personBlog/posts/proxy-cache/)
- [使用 AVIF 图片格式](https://wsafight.github.io/personBlog/posts/avif/)
- [优化 web 应用程序性能方案总结](https://wsafight.github.io/personBlog/posts/front-perf/)
- [前端 api 请求缓存方案](https://wsafight.github.io/personBlog/posts/api-cache/)

### 架构与系统设计（8）

- [抢跑 200ms：Feed 冷启场景下的 UDP 预热方案](https://wsafight.github.io/personBlog/posts/udp-prewarm/)
- [跨平台框架怎么选：16 个框架全景对比（2026 版）](https://wsafight.github.io/personBlog/posts/cross-platform/)
- [ECS 架构深度解析：从 OOP 到数据驱动的游戏开发革命](https://wsafight.github.io/personBlog/posts/ecs/)
- [深入解析 X (Twitter) For You 推荐算法：基于 Grok 的个性化内容推荐系统](https://wsafight.github.io/personBlog/posts/x-for-you/)
- [AionUi 模型交互与数据流转架构深度解析](https://wsafight.github.io/personBlog/posts/aion-flow/)
- [聊聊存储引擎的实现要素](https://wsafight.github.io/personBlog/posts/storage-impl/)
- [从组件 boolean 值属性谈谈分层架构](https://wsafight.github.io/personBlog/posts/layered-architecture/)
- [从微前端聊聊架构演进](https://wsafight.github.io/personBlog/posts/micro-front/)

### 工程实践（7）

- [利用中介模式开发全局控制器](https://wsafight.github.io/personBlog/posts/mediator-app/)
- [手写一个同步服务端时间的小工具](https://wsafight.github.io/personBlog/posts/sync-time/)
- [聊聊不可变数据结构](https://wsafight.github.io/personBlog/posts/immutable/)
- [玩转 CSS 变量](https://wsafight.github.io/personBlog/posts/css-var/)
- [聊聊游戏开发与动画利器 raf](https://wsafight.github.io/personBlog/posts/raf/)
- [Promise对象 3 种妙用](https://wsafight.github.io/personBlog/posts/use-promise/)
- [手把手教你使用 issue 作为博客评论系统](https://wsafight.github.io/personBlog/posts/utterances/)

### 移动与跨端（7）

- [用官方模板理解 Decky 插件：一次从模板到架构的速览](https://wsafight.github.io/personBlog/posts/decky/)
- [GetX — Flutter 的瑞士军刀，还是过度封装的陷阱？](https://wsafight.github.io/personBlog/posts/getx/)
- [GKD：基于无障碍服务的 Android 屏幕自动化神器](https://wsafight.github.io/personBlog/posts/gkd/)
- [读 《HTML5 揭秘》有感](https://wsafight.github.io/personBlog/posts/html5-book/)
- [记一次小程序样式优化重构](https://wsafight.github.io/personBlog/posts/css-refactor/)
- [小程序跨页面交互的作用与方法](https://wsafight.github.io/personBlog/posts/mini-spread-page/)
- [从 VantComponent 谈 小程序维护](https://wsafight.github.io/personBlog/posts/vant-component/)

### AI（5）

- [把一份前端 checklist 变成 AI 的 Skill：让 CR 不再靠记忆](https://wsafight.github.io/personBlog/posts/fe-checklist/)
- [Qwopus3.5 — 用 Reasoning SFT 释放 27B 模型的推理潜力](https://wsafight.github.io/personBlog/posts/qwopus/)
- [RTK：给 AI 编码助手瘦身的 Rust 代理](https://wsafight.github.io/personBlog/posts/rtx/)
- [Vibe Kanban：AI 编码代理的编排利器](https://wsafight.github.io/personBlog/posts/vibe-kanban/)
- [Claude vs Doubao Seek Code 产码能力对比](https://wsafight.github.io/personBlog/posts/ai-code-diff/)

### DevOps（3）

- [Docker Swarm 完全指南：从原理到生产实践](https://wsafight.github.io/personBlog/posts/docker-swarm/)
- [K3s 完全指南：轻量级 Kubernetes 从入门到实战](https://wsafight.github.io/personBlog/posts/k3s/)
- [Kamal：现代化的 Web 应用部署工具](https://wsafight.github.io/personBlog/posts/kamal/)

### 开源项目解析（3）

- [rari：把 React Server Components 的运行时搬到 Rust](https://wsafight.github.io/personBlog/posts/rari/)
- [GPUI：Zed 编辑器背后的高性能 UI 框架](https://wsafight.github.io/personBlog/posts/gpui/)
- [AionUi：构建跨平台 AI 工作台的技术实践](https://wsafight.github.io/personBlog/posts/aion-ui/)

### 移动开发（3）

- [记一次愚蠢的 issue (css env)](https://wsafight.github.io/personBlog/posts/safe-area/)
- [从 WeRequest 登陆态管理来聊聊业务代码](https://wsafight.github.io/personBlog/posts/wx-request/)
- [小程序绑定用户方案 优化](https://wsafight.github.io/personBlog/posts/bind-user/)

### 后端（2）

- [Hertz + pgxpool + sqlc——Go 高性能 API 服务的实用组合](https://wsafight.github.io/personBlog/posts/hertz-pgx-sqlc/)
- [sqlc 凭什么成为 Go 数据库访问层的最优解——从编译管线到零运行时开销](https://wsafight.github.io/personBlog/posts/sqlc/)

### 开发工具（2）

- [Grit：代码重构利器](https://wsafight.github.io/personBlog/posts/grit/)
- [聊聊版本号的作用与价值](https://wsafight.github.io/personBlog/posts/version-manage/)

### 构建工具（2）

- [利用增量构建工具 Preset 打造自己的样板库](https://wsafight.github.io/personBlog/posts/preset/)
- [探讨不需要打包的构建工具 Snowpack](https://wsafight.github.io/personBlog/posts/snowpack/)

### 游戏与图形（2）

- [用 3100 个数字造一台计算机](https://wsafight.github.io/personBlog/posts/little-virtual-computer/)
- [GPUI 渲染引擎深度解析：从 CPU 到 GPU 的极致性能之旅](https://wsafight.github.io/personBlog/posts/gpui-renderer/)

### 前端（1）

- [Hono RPC 适配微信小程序：wx.request 与 WebSocket 落地指南](https://wsafight.github.io/personBlog/posts/hono-wx-adapter/)

### 后端工程（1）

- [Pavex：把 Rust Web 框架从运行时库变成编译期生成器](https://wsafight.github.io/personBlog/posts/pavex/)

### 思考与读书（1）

- [SaaS 时代已死，SaaS 时代已来](https://wsafight.github.io/personBlog/posts/saas/)

### 数据可视化（1）

- [从 CSS 开始学习数据可视化](https://wsafight.github.io/personBlog/posts/css-visualization/)

### 编程语言（1）

- [MoonBit 入门：用更小的 WASM 写安全的业务逻辑](https://wsafight.github.io/personBlog/posts/moonbit/)

personBlog

personBlog 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

personBlog

personBlog 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README