[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"public:announcements":3,"footer:categories:zh":4,"public:navigations:zh":132,"tag:detail:performance:zh":177,"tag:posts:performance:zh:1":188},[],[5,23,39,55,71,88,103,117],{"id":6,"name":7,"slug":12,"description":13,"icon":18,"color":19,"cover_image":20,"created_at":21,"post_count":22},1,{"en":8,"ja":9,"zh":10,"zh_Hant":11},"Technology","テクノロジー","技术","技術","technology",{"en":14,"ja":15,"zh":16,"zh_Hant":17},"Cutting-edge technology exploration and in-depth analysis covering programming languages, frameworks, and architecture design","プログラミング言語、フレームワーク、アーキテクチャ設計を含む先端技術の探究","前沿技术探索与深度分析，涵盖编程语言、框架、架构设计等核心领域","前沿技術探索與深度分析，涵蓋編程語言、框架、架構設計等核心領域","heroicons:cog-6-tooth","#6366f1",null,"2026-09-30T18:09:53.633610Z",8,{"id":24,"name":25,"slug":29,"description":30,"icon":35,"color":36,"cover_image":20,"created_at":37,"post_count":38},2,{"en":26,"ja":27,"zh":28,"zh_Hant":28},"Tutorial","チュートリアル","教程","tutorial",{"en":31,"ja":32,"zh":33,"zh_Hant":34},"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",6,{"id":40,"name":41,"slug":45,"description":46,"icon":51,"color":52,"cover_image":20,"created_at":53,"post_count":54},3,{"en":42,"ja":43,"zh":44,"zh_Hant":44},"Frontend","フロントエンド","前端","frontend",{"en":47,"ja":48,"zh":49,"zh_Hant":50},"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":56,"name":57,"slug":62,"description":63,"icon":68,"color":69,"cover_image":20,"created_at":70,"post_count":40},4,{"en":58,"ja":59,"zh":60,"zh_Hant":61},"Backend","バックエンド","后端","後端","backend",{"en":64,"ja":65,"zh":66,"zh_Hant":67},"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":72,"name":73,"slug":78,"description":79,"icon":84,"color":85,"cover_image":20,"created_at":86,"post_count":87},5,{"en":74,"ja":75,"zh":76,"zh_Hant":77},"Fullstack","フルスタック","全栈","全棧","fullstack",{"en":80,"ja":81,"zh":82,"zh_Hant":83},"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":38,"name":89,"slug":94,"description":95,"icon":100,"color":101,"cover_image":20,"created_at":102,"post_count":56},{"en":90,"ja":91,"zh":92,"zh_Hant":93},"Essays","エッセイ","随笔","隨筆","essays",{"en":96,"ja":97,"zh":98,"zh_Hant":99},"Technical reflections and development insights recording the programmer's growth journey","プログラマーの成長の軌跡を記録する技術的考察と開発の洞察","技术思考与开发心得分享，记录程序员成长路上的点滴感悟","技術思考與開發心得分享，記錄程序員成長路上的點滴感悟","heroicons:pencil-square","#f43f5e","2026-09-30T18:09:53.653105Z",{"id":54,"name":104,"slug":108,"description":109,"icon":114,"color":115,"cover_image":20,"created_at":116,"post_count":56},{"en":105,"ja":106,"zh":107,"zh_Hant":107},"Tools","ツール","工具","tools",{"en":110,"ja":111,"zh":112,"zh_Hant":113},"Development toolchain and productivity tool recommendations to supercharge your development experience","開発効率を飛躍的に向上させるツールチェーンと生産性ツールの推奨","开发工具链与效率提升利器推荐，让你的开发体验如虎添翼","開發工具鏈與效率提升利器推薦，讓你的開發體驗如虎添翼","heroicons:wrench-screwdriver","#06b6d4","2026-09-30T18:09:53.655605Z",{"id":22,"name":118,"slug":123,"description":124,"icon":129,"color":130,"cover_image":20,"created_at":131,"post_count":87},{"en":119,"ja":120,"zh":121,"zh_Hant":122},"Translation","翻訳","翻译","翻譯","translation",{"en":125,"ja":126,"zh":127,"zh_Hant":128},"Curated translations of high-quality foreign technical articles to keep up with international trends","国際的な技術トレンドを追うための厳選された海外技術記事の翻訳","优质外文技术文章精选翻译，紧跟国际技术前沿动态","優質外文技術文章精選翻譯，緊跟國際技術前沿動態","heroicons:language","#84cc16","2026-09-30T18:09:53.658041Z",[133,144,150,157,164,171],{"id":6,"title":134,"url":139,"icon":20,"parent_id":20,"location":140,"order":6,"is_active":141,"target_blank":142,"created_at":143,"updated_at":20},{"zh":135,"en":136,"ja":137,"zh_TW":138},"首页","Home","ホーム","首頁","\u002F","header",true,false,"2026-09-30T18:09:54.251095Z",{"id":24,"title":145,"url":149,"icon":20,"parent_id":20,"location":140,"order":24,"is_active":141,"target_blank":142,"created_at":143,"updated_at":20},{"zh":146,"en":147,"ja":148,"zh_TW":146},"文章","Posts","記事","\u002Fposts",{"id":40,"title":151,"url":156,"icon":20,"parent_id":20,"location":140,"order":40,"is_active":141,"target_blank":142,"created_at":143,"updated_at":20},{"zh":152,"en":153,"ja":154,"zh_TW":155},"分类","Categories","カテゴリー","分類","\u002Fcategories",{"id":56,"title":158,"url":163,"icon":20,"parent_id":20,"location":140,"order":56,"is_active":141,"target_blank":142,"created_at":143,"updated_at":20},{"zh":159,"en":160,"ja":161,"zh_TW":162},"标签","Tags","タグ","標籤","\u002Ftags",{"id":72,"title":165,"url":170,"icon":20,"parent_id":20,"location":140,"order":72,"is_active":141,"target_blank":142,"created_at":143,"updated_at":20},{"zh":166,"en":167,"ja":168,"zh_TW":169},"关于","About","概要","關於","\u002Fpage\u002Fabout",{"id":38,"title":172,"url":176,"icon":20,"parent_id":20,"location":140,"order":38,"is_active":141,"target_blank":142,"created_at":143,"updated_at":20},{"zh":173,"en":174,"ja":175,"zh_TW":173},"留言板","Guestbook","ゲストブック","\u002Fpage\u002Fguestbook",{"id":178,"name":179,"slug":184,"color":185,"icon":20,"is_active":141,"created_at":186,"post_count":187},15,{"en":180,"ja":181,"zh":182,"zh_Hant":183},"Performance","パフォーマンス","性能优化","性能優化","performance","#f97316","2026-09-30T18:09:53.707190Z",16,{"items":189,"total":187,"page":6,"page_size":316,"total_pages":24},[190,219,242,270,299,319,333,346,360],{"id":6,"title":191,"subtitle":20,"slug":192,"excerpt":193,"cover_image":194,"author":195,"category":198,"tags":199,"status":215,"views":216,"likes_count":87,"comments_count":38,"is_pinned":141,"created_at":217,"published_at":217,"updated_at":218,"reading_time":56},"快速上手 FastAPI - 构建高性能 REST API","post-1-快速上手FastA","FastAPI 是现代 Python Web 框架中的佼佼者，基于类型提示自动生成文档、支持异步操作、性能媲美 Node.js。本文将通过实战项目带你从零构建一个完整的 CRUD API，涵盖路由定义、请求验证、依赖注入、数据库集成等核心特性，让你在 30 分钟内掌握 FastAPI 的精髓。","",{"id":6,"username":196,"nickname":196,"avatar":20,"cover_image":20,"bio":20,"website":20,"github":20,"avatar_source":20,"resolved_avatar_url":20,"title":20,"created_at":197},"Choyeon","2026-09-30T18:09:53.330367Z",{"id":24,"name":28,"slug":29,"description":33,"icon":35,"color":36,"cover_image":20,"created_at":37,"post_count":87},[200,205,210,211],{"id":6,"name":201,"slug":202,"color":203,"icon":20,"is_active":141,"created_at":204,"post_count":87},"Python","python","#3776ab","2026-09-30T18:09:53.663835Z",{"id":24,"name":206,"slug":207,"color":208,"icon":20,"is_active":141,"created_at":209,"post_count":87},"FastAPI","fastapi","#009688","2026-09-30T18:09:53.669567Z",{"id":178,"name":182,"slug":184,"color":185,"icon":20,"is_active":141,"created_at":186,"post_count":87},{"id":212,"name":58,"slug":62,"color":213,"icon":20,"is_active":141,"created_at":214,"post_count":87},25,"#94a3b8","2026-09-30T18:09:53.739676Z","published",557,"2026-08-17T23:09:53.733462Z","2026-10-01T11:19:50.917768Z",{"id":220,"title":221,"subtitle":20,"slug":222,"excerpt":223,"cover_image":20,"author":224,"category":225,"tags":226,"status":215,"views":239,"likes_count":87,"comments_count":54,"is_pinned":142,"created_at":240,"published_at":240,"updated_at":241,"reading_time":6},23,"GraphQL vs REST：从 7 个维度深度对比","post-23-GraphQLvs","终结选型焦虑：从网络传输效率、前端开发体验、后端演进成本、缓存策略、类型安全、安全风险、生态工具链 7 大维度系统对比 GraphQL 与 REST，给出清晰决策树与混合架构模式。",{"id":6,"username":196,"nickname":196,"avatar":20,"cover_image":20,"bio":20,"website":20,"github":20,"avatar_source":20,"resolved_avatar_url":20,"title":20,"created_at":197},{"id":38,"name":92,"slug":94,"description":98,"icon":100,"color":101,"cover_image":20,"created_at":102,"post_count":87},[227,228,233,238],{"id":24,"name":206,"slug":207,"color":208,"icon":20,"is_active":141,"created_at":209,"post_count":87},{"id":38,"name":229,"slug":230,"color":231,"icon":20,"is_active":141,"created_at":232,"post_count":87},"TypeScript","typescript","#3178c6","2026-09-30T18:09:53.680697Z",{"id":22,"name":234,"slug":235,"color":236,"icon":20,"is_active":141,"created_at":237,"post_count":87},"Node.js","nodejs","#339933","2026-09-30T18:09:53.685769Z",{"id":178,"name":182,"slug":184,"color":185,"icon":20,"is_active":141,"created_at":186,"post_count":87},236,"2026-09-18T16:09:53.733462Z","2026-10-02T00:03:32.244466Z",{"id":243,"title":244,"subtitle":20,"slug":245,"excerpt":246,"cover_image":20,"author":247,"category":248,"tags":249,"status":215,"views":267,"likes_count":87,"comments_count":6,"is_pinned":142,"created_at":268,"published_at":268,"updated_at":269,"reading_time":6},21,"前端性能优化：Core Web Vitals 实战","post-21-前端性能优化Cor","Google 搜索排名核心指标完全实战：LCP 最大内容绘制（预连接\u002F图像优先级\u002FCDN缓存）、CLS 累积布局偏移（图像尺寸\u002F字体FOIT\u002F动态占位）、INP 交互响应（长任务拆分\u002F防抖节流）全面落地。",{"id":6,"username":196,"nickname":196,"avatar":20,"cover_image":20,"bio":20,"website":20,"github":20,"avatar_source":20,"resolved_avatar_url":20,"title":20,"created_at":197},{"id":40,"name":44,"slug":45,"description":49,"icon":51,"color":52,"cover_image":20,"created_at":53,"post_count":87},[250,255,260,266],{"id":72,"name":251,"slug":252,"color":253,"icon":20,"is_active":141,"created_at":254,"post_count":87},"Astro","astro","#ff5d01","2026-09-30T18:09:53.678001Z",{"id":54,"name":256,"slug":257,"color":258,"icon":20,"is_active":141,"created_at":259,"post_count":87},"JavaScript","javascript","#f7df1e","2026-09-30T18:09:53.683194Z",{"id":261,"name":262,"slug":263,"color":264,"icon":20,"is_active":141,"created_at":265,"post_count":87},14,"CSS","css","#1572b6","2026-09-30T18:09:53.704077Z",{"id":178,"name":182,"slug":184,"color":185,"icon":20,"is_active":141,"created_at":186,"post_count":87},145,"2026-09-15T07:09:53.733462Z","2026-10-01T10:32:43.083654Z",{"id":271,"title":272,"subtitle":20,"slug":273,"excerpt":274,"cover_image":20,"author":275,"category":276,"tags":277,"status":215,"views":296,"likes_count":87,"comments_count":38,"is_pinned":142,"created_at":297,"published_at":297,"updated_at":298,"reading_time":6},18,"Linux 性能调优：perf_events + bpftrace + BCC","post-18-Linux性能调优","从 CPU、内存、IO、网络四个维度，使用 perf_events 采样堆栈、bpftrace 一行脚本追踪内核点、BCC 工具集 biolatency\u002Foffcputime，快速定位生产服务器性能瓶颈，附真实排查思路。",{"id":6,"username":196,"nickname":196,"avatar":20,"cover_image":20,"bio":20,"website":20,"github":20,"avatar_source":20,"resolved_avatar_url":20,"title":20,"created_at":197},{"id":6,"name":10,"slug":12,"description":16,"icon":18,"color":19,"cover_image":20,"created_at":21,"post_count":87},[278,279,284,290],{"id":178,"name":182,"slug":184,"color":185,"icon":20,"is_active":141,"created_at":186,"post_count":87},{"id":243,"name":280,"slug":281,"color":282,"icon":20,"is_active":141,"created_at":283,"post_count":87},"Rust","rust","#dea584","2026-09-30T18:09:53.723993Z",{"id":285,"name":286,"slug":287,"color":288,"icon":20,"is_active":141,"created_at":289,"post_count":87},22,"Go","go","#00add8","2026-09-30T18:09:53.726775Z",{"id":291,"name":292,"slug":293,"color":294,"icon":20,"is_active":141,"created_at":295,"post_count":87},24,"Linux","linux","#fcc624","2026-09-30T18:09:53.731844Z",225,"2026-09-10T20:09:53.733462Z","2026-10-01T04:54:47.771735Z",{"id":187,"title":300,"subtitle":20,"slug":301,"excerpt":302,"cover_image":20,"author":303,"category":304,"tags":305,"status":215,"views":315,"likes_count":87,"comments_count":316,"is_pinned":142,"created_at":317,"published_at":317,"updated_at":318,"reading_time":6},"Go 语言并发：goroutine + channel + sync.WaitGroup","post-16-Go语言并发go","完整掌握 Go 原生并发模型：轻量级协程 goroutine（KB 级开销）、CSP 模式 channel 通信、sync.WaitGroup 生命周期管理，加上 Context 取消、工作池模式，以及 goroutine 泄漏防护。",{"id":6,"username":196,"nickname":196,"avatar":20,"cover_image":20,"bio":20,"website":20,"github":20,"avatar_source":20,"resolved_avatar_url":20,"title":20,"created_at":197},{"id":56,"name":60,"slug":62,"description":66,"icon":68,"color":69,"cover_image":20,"created_at":70,"post_count":87},[306,312,313,314],{"id":307,"name":308,"slug":309,"color":310,"icon":20,"is_active":141,"created_at":311,"post_count":87},13,"算法","algorithms","#ef4444","2026-09-30T18:09:53.700921Z",{"id":178,"name":182,"slug":184,"color":185,"icon":20,"is_active":141,"created_at":186,"post_count":87},{"id":285,"name":286,"slug":287,"color":288,"icon":20,"is_active":141,"created_at":289,"post_count":87},{"id":291,"name":292,"slug":293,"color":294,"icon":20,"is_active":141,"created_at":295,"post_count":87},450,9,"2026-09-07T23:09:53.733462Z","2026-10-01T13:32:25.168107Z",{"id":178,"title":320,"subtitle":20,"slug":321,"excerpt":322,"cover_image":20,"author":323,"category":324,"tags":325,"status":215,"views":330,"likes_count":87,"comments_count":72,"is_pinned":142,"created_at":331,"published_at":331,"updated_at":332,"reading_time":6},"Rust 所有权与借用机制：彻底理解生命周期","post-15-Rust所有权与借","系统攻克 Rust 最独特概念：所有权规则、可变\u002F不可变借用约束、引用生命周期标注。通过编译错误示例 + 修复方案，彻底掌握借用检查器思维方式，写出安全零抽象开销的系统代码。",{"id":6,"username":196,"nickname":196,"avatar":20,"cover_image":20,"bio":20,"website":20,"github":20,"avatar_source":20,"resolved_avatar_url":20,"title":20,"created_at":197},{"id":6,"name":10,"slug":12,"description":16,"icon":18,"color":19,"cover_image":20,"created_at":21,"post_count":87},[326,327,328,329],{"id":307,"name":308,"slug":309,"color":310,"icon":20,"is_active":141,"created_at":311,"post_count":87},{"id":178,"name":182,"slug":184,"color":185,"icon":20,"is_active":141,"created_at":186,"post_count":87},{"id":243,"name":280,"slug":281,"color":282,"icon":20,"is_active":141,"created_at":283,"post_count":87},{"id":291,"name":292,"slug":293,"color":294,"icon":20,"is_active":141,"created_at":295,"post_count":87},256,"2026-09-06T23:09:53.733462Z","2026-10-01T04:54:47.994804Z",{"id":261,"title":334,"subtitle":20,"slug":335,"excerpt":336,"cover_image":20,"author":337,"category":338,"tags":339,"status":215,"views":343,"likes_count":87,"comments_count":316,"is_pinned":142,"created_at":344,"published_at":344,"updated_at":345,"reading_time":6},"Python 并发：asyncio vs ThreadPool vs ProcessPool","post-14-Python并发","深度对比 Python 三大并发模型：GIL 限制下的线程池（IO 密集）、进程池（绕 GIL 适合 CPU 密集）、asyncio 协程（超高并发 IO）。从原理\u002F性能\u002F复杂度四维度给出选型决策树。",{"id":6,"username":196,"nickname":196,"avatar":20,"cover_image":20,"bio":20,"website":20,"github":20,"avatar_source":20,"resolved_avatar_url":20,"title":20,"created_at":197},{"id":24,"name":28,"slug":29,"description":33,"icon":35,"color":36,"cover_image":20,"created_at":37,"post_count":87},[340,341,342],{"id":6,"name":201,"slug":202,"color":203,"icon":20,"is_active":141,"created_at":204,"post_count":87},{"id":307,"name":308,"slug":309,"color":310,"icon":20,"is_active":141,"created_at":311,"post_count":87},{"id":178,"name":182,"slug":184,"color":185,"icon":20,"is_active":141,"created_at":186,"post_count":87},521,"2026-09-05T09:09:53.733462Z","2026-10-01T12:43:00.074164Z",{"id":307,"title":347,"subtitle":20,"slug":348,"excerpt":349,"cover_image":20,"author":350,"category":351,"tags":352,"status":215,"views":357,"likes_count":87,"comments_count":54,"is_pinned":142,"created_at":358,"published_at":358,"updated_at":359,"reading_time":6},"Node.js 性能诊断：clinic.js + flamegraph","post-13-Nodejs性能","系统学习 Node.js 性能定位工具链：clinic.js 一键生成分析报告，解读火焰图热点函数、阻塞事件循环的同步代码、内存泄漏对象栈，精准定位 CPU\u002F内存瓶颈。",{"id":6,"username":196,"nickname":196,"avatar":20,"cover_image":20,"bio":20,"website":20,"github":20,"avatar_source":20,"resolved_avatar_url":20,"title":20,"created_at":197},{"id":56,"name":60,"slug":62,"description":66,"icon":68,"color":69,"cover_image":20,"created_at":70,"post_count":87},[353,354,355,356],{"id":54,"name":256,"slug":257,"color":258,"icon":20,"is_active":141,"created_at":259,"post_count":87},{"id":22,"name":234,"slug":235,"color":236,"icon":20,"is_active":141,"created_at":237,"post_count":87},{"id":178,"name":182,"slug":184,"color":185,"icon":20,"is_active":141,"created_at":186,"post_count":87},{"id":291,"name":292,"slug":293,"color":294,"icon":20,"is_active":141,"created_at":295,"post_count":87},306,"2026-09-04T17:09:53.733462Z","2026-09-30T21:01:48.426436Z",{"id":361,"title":362,"subtitle":20,"slug":363,"excerpt":364,"cover_image":20,"author":365,"category":366,"tags":367,"status":215,"views":372,"likes_count":87,"comments_count":72,"is_pinned":142,"created_at":373,"published_at":373,"updated_at":374,"reading_time":6},12,"Astro 静态站点深度：群岛架构 & 内容集合","post-12-Astro静态站点","深入理解 Astro 核心创新：群岛架构实现最小化 JS 注入，仅交互组件按需水合；内容集合提供类型安全的 Markdown\u002FMDX 管理，构建零 JS 的高性能静态站点。",{"id":6,"username":196,"nickname":196,"avatar":20,"cover_image":20,"bio":20,"website":20,"github":20,"avatar_source":20,"resolved_avatar_url":20,"title":20,"created_at":197},{"id":40,"name":44,"slug":45,"description":49,"icon":51,"color":52,"cover_image":20,"created_at":53,"post_count":87},[368,369,370,371],{"id":72,"name":251,"slug":252,"color":253,"icon":20,"is_active":141,"created_at":254,"post_count":87},{"id":38,"name":229,"slug":230,"color":231,"icon":20,"is_active":141,"created_at":232,"post_count":87},{"id":54,"name":256,"slug":257,"color":258,"icon":20,"is_active":141,"created_at":259,"post_count":87},{"id":178,"name":182,"slug":184,"color":185,"icon":20,"is_active":141,"created_at":186,"post_count":87},241,"2026-09-02T02:09:53.733462Z","2026-09-30T21:02:41.980035Z"]