[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"public:announcements":3,"public:navigations:zh":4,"footer:categories:zh":56,"category:detail:technology:zh":177,"category:posts:technology:zh:1":180},[],[5,18,25,33,41,49],{"id":6,"title":7,"url":12,"icon":13,"parent_id":13,"location":14,"order":6,"is_active":15,"target_blank":16,"created_at":17,"updated_at":13},1,{"zh":8,"en":9,"ja":10,"zh_TW":11},"首页","Home","ホーム","首頁","\u002F",null,"header",true,false,"2026-09-30T18:09:54.251095Z",{"id":19,"title":20,"url":24,"icon":13,"parent_id":13,"location":14,"order":19,"is_active":15,"target_blank":16,"created_at":17,"updated_at":13},2,{"zh":21,"en":22,"ja":23,"zh_TW":21},"文章","Posts","記事","\u002Fposts",{"id":26,"title":27,"url":32,"icon":13,"parent_id":13,"location":14,"order":26,"is_active":15,"target_blank":16,"created_at":17,"updated_at":13},3,{"zh":28,"en":29,"ja":30,"zh_TW":31},"分类","Categories","カテゴリー","分類","\u002Fcategories",{"id":34,"title":35,"url":40,"icon":13,"parent_id":13,"location":14,"order":34,"is_active":15,"target_blank":16,"created_at":17,"updated_at":13},4,{"zh":36,"en":37,"ja":38,"zh_TW":39},"标签","Tags","タグ","標籤","\u002Ftags",{"id":42,"title":43,"url":48,"icon":13,"parent_id":13,"location":14,"order":42,"is_active":15,"target_blank":16,"created_at":17,"updated_at":13},5,{"zh":44,"en":45,"ja":46,"zh_TW":47},"关于","About","概要","關於","\u002Fpage\u002Fabout",{"id":50,"title":51,"url":55,"icon":13,"parent_id":13,"location":14,"order":50,"is_active":15,"target_blank":16,"created_at":17,"updated_at":13},6,{"zh":52,"en":53,"ja":54,"zh_TW":52},"留言板","Guestbook","ゲストブック","\u002Fpage\u002Fguestbook",[57,73,87,102,117,133,148,162],{"id":6,"name":58,"slug":63,"description":64,"icon":69,"color":70,"cover_image":13,"created_at":71,"post_count":72},{"en":59,"ja":60,"zh":61,"zh_Hant":62},"Technology","テクノロジー","技术","技術","technology",{"en":65,"ja":66,"zh":67,"zh_Hant":68},"Cutting-edge technology exploration and in-depth analysis covering programming languages, frameworks, and architecture design","プログラミング言語、フレームワーク、アーキテクチャ設計を含む先端技術の探究","前沿技术探索与深度分析，涵盖编程语言、框架、架构设计等核心领域","前沿技術探索與深度分析，涵蓋編程語言、框架、架構設計等核心領域","heroicons:cog-6-tooth","#6366f1","2026-09-30T18:09:53.633610Z",8,{"id":19,"name":74,"slug":78,"description":79,"icon":84,"color":85,"cover_image":13,"created_at":86,"post_count":50},{"en":75,"ja":76,"zh":77,"zh_Hant":77},"Tutorial","チュートリアル","教程","tutorial",{"en":80,"ja":81,"zh":82,"zh_Hant":83},"Hands-on tutorials from scratch with clear steps and complete code for developers at all levels","ゼロから始める実践的なチュートリアル。明確な手順と完全なコードで、全てのレベルの開発者に最適","从零开始的实战教程，步骤清晰，代码完整，适合各阶段开发者学习","從零開始的實戰教程，步驟清晰，代碼完整，適合各階段開發者學習","heroicons:academic-cap","#10b981","2026-09-30T18:09:53.641581Z",{"id":26,"name":88,"slug":92,"description":93,"icon":98,"color":99,"cover_image":13,"created_at":100,"post_count":101},{"en":89,"ja":90,"zh":91,"zh_Hant":91},"Frontend","フロントエンド","前端","frontend",{"en":94,"ja":95,"zh":96,"zh_Hant":97},"Full coverage of web frontend development including Vue, React, new CSS features, and performance optimization","Vue、React、CSSの新機能やパフォーマンス最適化を含むWebフロントエンド開発の全領域","Web前端开发全栈覆盖，包括Vue、React、CSS新特性及性能优化等话题","Web前端開發全棧覆蓋，包括Vue、React、CSS新特性及性能優化等話題","heroicons:computer-desktop","#ec4899","2026-09-30T18:09:53.644838Z",7,{"id":34,"name":103,"slug":108,"description":109,"icon":114,"color":115,"cover_image":13,"created_at":116,"post_count":26},{"en":104,"ja":105,"zh":106,"zh_Hant":107},"Backend","バックエンド","后端","後端","backend",{"en":110,"ja":111,"zh":112,"zh_Hant":113},"Server-side development best practices including API design, database optimization, and microservices architecture","API設計、データベース最適化、マイクロサービスアーキテクチャを含むサーバーサイド開発の実践","服务端开发实战经验，API设计、数据库优化、微服务架构等深度内容","服務端開發實戰經驗，API設計、數據庫優化、微服務架構等深度內容","heroicons:server-stack","#f59e0b","2026-09-30T18:09:53.647836Z",{"id":42,"name":118,"slug":123,"description":124,"icon":129,"color":130,"cover_image":13,"created_at":131,"post_count":132},{"en":119,"ja":120,"zh":121,"zh_Hant":122},"Fullstack","フルスタック","全栈","全棧","fullstack",{"en":125,"ja":126,"zh":127,"zh_Hant":128},"End-to-end development guides covering the full project lifecycle and technology stack selection","フロントエンドからバックエンドまでの開発プロセス全体をカバーするガイド","从前端到后端的全流程开发指南，覆盖完整项目生命周期与技术选型","從前端到後端的全流程開發指南，覆蓋完整項目生命週期與技術選型","heroicons:swatch","#8b5cf6","2026-09-30T18:09:53.650513Z",0,{"id":50,"name":134,"slug":139,"description":140,"icon":145,"color":146,"cover_image":13,"created_at":147,"post_count":34},{"en":135,"ja":136,"zh":137,"zh_Hant":138},"Essays","エッセイ","随笔","隨筆","essays",{"en":141,"ja":142,"zh":143,"zh_Hant":144},"Technical reflections and development insights recording the programmer's growth journey","プログラマーの成長の軌跡を記録する技術的考察と開発の洞察","技术思考与开发心得分享，记录程序员成长路上的点滴感悟","技術思考與開發心得分享，記錄程序員成長路上的點滴感悟","heroicons:pencil-square","#f43f5e","2026-09-30T18:09:53.653105Z",{"id":101,"name":149,"slug":153,"description":154,"icon":159,"color":160,"cover_image":13,"created_at":161,"post_count":34},{"en":150,"ja":151,"zh":152,"zh_Hant":152},"Tools","ツール","工具","tools",{"en":155,"ja":156,"zh":157,"zh_Hant":158},"Development toolchain and productivity tool recommendations to supercharge your development experience","開発効率を飛躍的に向上させるツールチェーンと生産性ツールの推奨","开发工具链与效率提升利器推荐，让你的开发体验如虎添翼","開發工具鏈與效率提升利器推薦，讓你的開發體驗如虎添翼","heroicons:wrench-screwdriver","#06b6d4","2026-09-30T18:09:53.655605Z",{"id":72,"name":163,"slug":168,"description":169,"icon":174,"color":175,"cover_image":13,"created_at":176,"post_count":132},{"en":164,"ja":165,"zh":166,"zh_Hant":167},"Translation","翻訳","翻译","翻譯","translation",{"en":170,"ja":171,"zh":172,"zh_Hant":173},"Curated translations of high-quality foreign technical articles to keep up with international trends","国際的な技術トレンドを追うための厳選された海外技術記事の翻訳","优质外文技术文章精选翻译，紧跟国际技术前沿动态","優質外文技術文章精選翻譯，緊跟國際技術前沿動態","heroicons:language","#84cc16","2026-09-30T18:09:53.658041Z",{"id":6,"name":178,"slug":63,"description":179,"icon":69,"color":70,"cover_image":13,"created_at":71,"post_count":72},{"en":59,"ja":60,"zh":61,"zh_Hant":62},{"en":65,"ja":66,"zh":67,"zh_Hant":68},{"items":181,"total":72,"page":6,"page_size":193,"total_pages":6},[182,220,252,282,297,311,334,353],{"id":183,"title":184,"subtitle":13,"slug":185,"excerpt":186,"cover_image":13,"author":187,"category":190,"tags":191,"status":216,"views":217,"likes_count":132,"comments_count":193,"is_pinned":16,"created_at":218,"published_at":218,"updated_at":219,"reading_time":6},31,"Zero Trust 安全架构入门：永不信任，始终验证","post-31-ZeroTrust","零信任安全模型系统入门：以\"永不信任，始终验证\"为核心原则，打破传统边界防护（VPN=内部可信）的思维。从身份认证（MFA\u002FSAML）、设备健康检查、最小权限 RBAC、微隔离 mTLS、持续信任评分到可观测审计链路的 6 大支柱详解，附落地实施路线。",{"id":6,"username":188,"nickname":188,"avatar":13,"cover_image":13,"bio":13,"website":13,"github":13,"avatar_source":13,"resolved_avatar_url":13,"title":13,"created_at":189},"Choyeon","2026-09-30T18:09:53.330367Z",{"id":6,"name":61,"slug":63,"description":67,"icon":69,"color":70,"cover_image":13,"created_at":71,"post_count":132},[192,198,204,210],{"id":193,"name":194,"slug":195,"color":196,"icon":13,"is_active":15,"created_at":197,"post_count":132},9,"Docker","docker","#2496ed","2026-09-30T18:09:53.688173Z",{"id":199,"name":200,"slug":201,"color":202,"icon":13,"is_active":15,"created_at":203,"post_count":132},16,"安全","security","#14b8a6","2026-09-30T18:09:53.709991Z",{"id":205,"name":206,"slug":207,"color":208,"icon":13,"is_active":15,"created_at":209,"post_count":132},23,"Kubernetes","kubernetes","#326ce5","2026-09-30T18:09:53.729296Z",{"id":211,"name":212,"slug":213,"color":214,"icon":13,"is_active":15,"created_at":215,"post_count":132},24,"Linux","linux","#fcc624","2026-09-30T18:09:53.731844Z","published",437,"2026-09-29T00:09:53.733462Z","2026-10-01T10:32:42.253000Z",{"id":221,"title":222,"subtitle":13,"slug":223,"excerpt":224,"cover_image":13,"author":225,"category":226,"tags":227,"status":216,"views":249,"likes_count":132,"comments_count":26,"is_pinned":16,"created_at":250,"published_at":250,"updated_at":251,"reading_time":6},27,"测试金字塔：单元\u002F集成\u002FE2E 测试比例与落地","post-27-测试金字塔单元集","系统解析测试金字塔架构：从底层单元测试（大量快速、Mock 隔离依赖）、中层集成测试（服务\u002F数据库\u002F消息协作真实交互）、顶层 E2E 测试（真实用户路径少量精测）的推荐比例 70% \u002F 20% \u002F 10%，附项目覆盖率指标与落地实践。",{"id":6,"username":188,"nickname":188,"avatar":13,"cover_image":13,"bio":13,"website":13,"github":13,"avatar_source":13,"resolved_avatar_url":13,"title":13,"created_at":189},{"id":6,"name":61,"slug":63,"description":67,"icon":69,"color":70,"cover_image":13,"created_at":71,"post_count":132},[228,233,238,243],{"id":6,"name":229,"slug":230,"color":231,"icon":13,"is_active":15,"created_at":232,"post_count":132},"Python","python","#3776ab","2026-09-30T18:09:53.663835Z",{"id":50,"name":234,"slug":235,"color":236,"icon":13,"is_active":15,"created_at":237,"post_count":132},"TypeScript","typescript","#3178c6","2026-09-30T18:09:53.680697Z",{"id":72,"name":239,"slug":240,"color":241,"icon":13,"is_active":15,"created_at":242,"post_count":132},"Node.js","nodejs","#339933","2026-09-30T18:09:53.685769Z",{"id":244,"name":245,"slug":246,"color":247,"icon":13,"is_active":15,"created_at":248,"post_count":132},13,"算法","algorithms","#ef4444","2026-09-30T18:09:53.700921Z",418,"2026-09-23T16:09:53.733462Z","2026-10-01T10:32:41.719776Z",{"id":253,"title":254,"subtitle":13,"slug":255,"excerpt":256,"cover_image":13,"author":257,"category":258,"tags":259,"status":216,"views":279,"likes_count":132,"comments_count":50,"is_pinned":16,"created_at":280,"published_at":280,"updated_at":281,"reading_time":6},18,"Linux 性能调优：perf_events + bpftrace + BCC","post-18-Linux性能调优","从 CPU、内存、IO、网络四个维度，使用 perf_events 采样堆栈、bpftrace 一行脚本追踪内核点、BCC 工具集 biolatency\u002Foffcputime，快速定位生产服务器性能瓶颈，附真实排查思路。",{"id":6,"username":188,"nickname":188,"avatar":13,"cover_image":13,"bio":13,"website":13,"github":13,"avatar_source":13,"resolved_avatar_url":13,"title":13,"created_at":189},{"id":6,"name":61,"slug":63,"description":67,"icon":69,"color":70,"cover_image":13,"created_at":71,"post_count":132},[260,266,272,278],{"id":261,"name":262,"slug":263,"color":264,"icon":13,"is_active":15,"created_at":265,"post_count":132},15,"性能优化","performance","#f97316","2026-09-30T18:09:53.707190Z",{"id":267,"name":268,"slug":269,"color":270,"icon":13,"is_active":15,"created_at":271,"post_count":132},21,"Rust","rust","#dea584","2026-09-30T18:09:53.723993Z",{"id":273,"name":274,"slug":275,"color":276,"icon":13,"is_active":15,"created_at":277,"post_count":132},22,"Go","go","#00add8","2026-09-30T18:09:53.726775Z",{"id":211,"name":212,"slug":213,"color":214,"icon":13,"is_active":15,"created_at":215,"post_count":132},225,"2026-09-10T20:09:53.733462Z","2026-10-01T04:54:47.771735Z",{"id":283,"title":284,"subtitle":13,"slug":285,"excerpt":286,"cover_image":13,"author":287,"category":288,"tags":289,"status":216,"views":294,"likes_count":132,"comments_count":72,"is_pinned":16,"created_at":295,"published_at":295,"updated_at":296,"reading_time":6},17,"Kubernetes Pod 生命周期 + Init Container + Sidecar","post-17-Kubernetes","详细拆解 Kubernetes Pod 从 Pending 到 Terminated 的完整状态机、PostStart\u002FPreStop 钩子执行时机、Init Container 前置依赖保证、Sidecar 容器模式（istio-proxy、日志收集），以及优雅终止零停机配置。",{"id":6,"username":188,"nickname":188,"avatar":13,"cover_image":13,"bio":13,"website":13,"github":13,"avatar_source":13,"resolved_avatar_url":13,"title":13,"created_at":189},{"id":6,"name":61,"slug":63,"description":67,"icon":69,"color":70,"cover_image":13,"created_at":71,"post_count":132},[290,291,292,293],{"id":193,"name":194,"slug":195,"color":196,"icon":13,"is_active":15,"created_at":197,"post_count":132},{"id":199,"name":200,"slug":201,"color":202,"icon":13,"is_active":15,"created_at":203,"post_count":132},{"id":205,"name":206,"slug":207,"color":208,"icon":13,"is_active":15,"created_at":209,"post_count":132},{"id":211,"name":212,"slug":213,"color":214,"icon":13,"is_active":15,"created_at":215,"post_count":132},231,"2026-09-09T00:09:53.733462Z","2026-10-01T04:54:47.711541Z",{"id":261,"title":298,"subtitle":13,"slug":299,"excerpt":300,"cover_image":13,"author":301,"category":302,"tags":303,"status":216,"views":308,"likes_count":132,"comments_count":42,"is_pinned":16,"created_at":309,"published_at":309,"updated_at":310,"reading_time":6},"Rust 所有权与借用机制：彻底理解生命周期","post-15-Rust所有权与借","系统攻克 Rust 最独特概念：所有权规则、可变\u002F不可变借用约束、引用生命周期标注。通过编译错误示例 + 修复方案，彻底掌握借用检查器思维方式，写出安全零抽象开销的系统代码。",{"id":6,"username":188,"nickname":188,"avatar":13,"cover_image":13,"bio":13,"website":13,"github":13,"avatar_source":13,"resolved_avatar_url":13,"title":13,"created_at":189},{"id":6,"name":61,"slug":63,"description":67,"icon":69,"color":70,"cover_image":13,"created_at":71,"post_count":132},[304,305,306,307],{"id":244,"name":245,"slug":246,"color":247,"icon":13,"is_active":15,"created_at":248,"post_count":132},{"id":261,"name":262,"slug":263,"color":264,"icon":13,"is_active":15,"created_at":265,"post_count":132},{"id":267,"name":268,"slug":269,"color":270,"icon":13,"is_active":15,"created_at":271,"post_count":132},{"id":211,"name":212,"slug":213,"color":214,"icon":13,"is_active":15,"created_at":215,"post_count":132},256,"2026-09-06T23:09:53.733462Z","2026-10-01T04:54:47.994804Z",{"id":312,"title":313,"subtitle":13,"slug":314,"excerpt":315,"cover_image":13,"author":316,"category":317,"tags":318,"status":216,"views":331,"likes_count":132,"comments_count":50,"is_pinned":16,"created_at":332,"published_at":332,"updated_at":333,"reading_time":6},11,"WebAssembly 入门：Rust 编译 WASM + JS 调用","post-11-WebAssembl","从零搭建 Rust → WebAssembly 开发流程：wasm-pack 工具链、wasm-bindgen 类型绑定、JavaScript 同步\u002F异步调用 WASM 函数、内存共享与 TypedArray 传递大数据，适合计算密集型任务移植到浏览器端。",{"id":6,"username":188,"nickname":188,"avatar":13,"cover_image":13,"bio":13,"website":13,"github":13,"avatar_source":13,"resolved_avatar_url":13,"title":13,"created_at":189},{"id":6,"name":61,"slug":63,"description":67,"icon":69,"color":70,"cover_image":13,"created_at":71,"post_count":132},[319,324,325,330],{"id":101,"name":320,"slug":321,"color":322,"icon":13,"is_active":15,"created_at":323,"post_count":132},"JavaScript","javascript","#f7df1e","2026-09-30T18:09:53.683194Z",{"id":261,"name":262,"slug":263,"color":264,"icon":13,"is_active":15,"created_at":265,"post_count":132},{"id":253,"name":326,"slug":327,"color":328,"icon":13,"is_active":15,"created_at":329,"post_count":132},"WebAssembly","webassembly","#654ff0","2026-09-30T18:09:53.715731Z",{"id":267,"name":268,"slug":269,"color":270,"icon":13,"is_active":15,"created_at":271,"post_count":132},504,"2026-08-31T23:09:53.733462Z","2026-09-30T21:00:49.364299Z",{"id":101,"title":335,"subtitle":13,"slug":336,"excerpt":337,"cover_image":13,"author":338,"category":339,"tags":340,"status":216,"views":350,"likes_count":132,"comments_count":193,"is_pinned":16,"created_at":351,"published_at":351,"updated_at":352,"reading_time":6},"PostgreSQL 查询优化技巧","post-7-PostgreSQL","深入掌握 PostgreSQL 查询优化的核心方法：从 EXPLAIN ANALYZE 执行计划解读，到索引类型选择（B-tree\u002FGIN\u002FBRIN）、统计信息更新、连接策略调整、分区表设计，全方位提升数据库查询性能。",{"id":6,"username":188,"nickname":188,"avatar":13,"cover_image":13,"bio":13,"website":13,"github":13,"avatar_source":13,"resolved_avatar_url":13,"title":13,"created_at":189},{"id":6,"name":61,"slug":63,"description":67,"icon":69,"color":70,"cover_image":13,"created_at":71,"post_count":132},[341,347,348,349],{"id":342,"name":343,"slug":344,"color":345,"icon":13,"is_active":15,"created_at":346,"post_count":132},10,"PostgreSQL","postgresql","#336791","2026-09-30T18:09:53.691803Z",{"id":244,"name":245,"slug":246,"color":247,"icon":13,"is_active":15,"created_at":248,"post_count":132},{"id":261,"name":262,"slug":263,"color":264,"icon":13,"is_active":15,"created_at":265,"post_count":132},{"id":211,"name":212,"slug":213,"color":214,"icon":13,"is_active":15,"created_at":215,"post_count":132},559,"2026-08-26T12:09:53.733462Z","2026-10-02T00:03:31.134519Z",{"id":42,"title":354,"subtitle":13,"slug":355,"excerpt":356,"cover_image":13,"author":357,"category":358,"tags":359,"status":216,"views":308,"likes_count":132,"comments_count":72,"is_pinned":16,"created_at":366,"published_at":366,"updated_at":367,"reading_time":6},"TypeScript 高级类型体操","post-5-TypeScript","TypeScript 的类型系统堪比一门完整的编程语言。本文系统讲解条件类型、映射类型、模板字面量类型、infer 推断、递归类型、分布式条件类型等高阶特性。配合 15+ 真实工具类型实现（DeepPartial、PathOf、PickByType、CamelCase 等），带你掌握 type-challenges 中级难度以上的解题思路。",{"id":6,"username":188,"nickname":188,"avatar":13,"cover_image":13,"bio":13,"website":13,"github":13,"avatar_source":13,"resolved_avatar_url":13,"title":13,"created_at":189},{"id":6,"name":61,"slug":63,"description":67,"icon":69,"color":70,"cover_image":13,"created_at":71,"post_count":132},[360,361,362],{"id":50,"name":234,"slug":235,"color":236,"icon":13,"is_active":15,"created_at":237,"post_count":132},{"id":101,"name":320,"slug":321,"color":322,"icon":13,"is_active":15,"created_at":323,"post_count":132},{"id":363,"name":89,"slug":92,"color":364,"icon":13,"is_active":15,"created_at":365,"post_count":132},26,"#94a3b8","2026-09-30T18:09:53.760103Z","2026-08-24T18:09:53.733462Z","2026-10-02T00:03:05.232218Z"]