[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"public:announcements":3,"public:navigations:zh":4,"tag:detail:javascript:zh":56,"footer:categories:zh":63,"tag:posts:javascript:zh:1":183},[],[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",{"id":57,"name":58,"slug":60,"color":61,"icon":13,"is_active":15,"created_at":62,"post_count":50},7,{"en":59,"ja":59,"zh":59,"zh_Hant":59},"JavaScript","javascript","#f7df1e","2026-09-30T18:09:53.683194Z",[64,80,94,108,123,139,154,168],{"id":6,"name":65,"slug":70,"description":71,"icon":76,"color":77,"cover_image":13,"created_at":78,"post_count":79},{"en":66,"ja":67,"zh":68,"zh_Hant":69},"Technology","テクノロジー","技术","技術","technology",{"en":72,"ja":73,"zh":74,"zh_Hant":75},"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":81,"slug":85,"description":86,"icon":91,"color":92,"cover_image":13,"created_at":93,"post_count":50},{"en":82,"ja":83,"zh":84,"zh_Hant":84},"Tutorial","チュートリアル","教程","tutorial",{"en":87,"ja":88,"zh":89,"zh_Hant":90},"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":95,"slug":99,"description":100,"icon":105,"color":106,"cover_image":13,"created_at":107,"post_count":57},{"en":96,"ja":97,"zh":98,"zh_Hant":98},"Frontend","フロントエンド","前端","frontend",{"en":101,"ja":102,"zh":103,"zh_Hant":104},"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",{"id":34,"name":109,"slug":114,"description":115,"icon":120,"color":121,"cover_image":13,"created_at":122,"post_count":26},{"en":110,"ja":111,"zh":112,"zh_Hant":113},"Backend","バックエンド","后端","後端","backend",{"en":116,"ja":117,"zh":118,"zh_Hant":119},"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":124,"slug":129,"description":130,"icon":135,"color":136,"cover_image":13,"created_at":137,"post_count":138},{"en":125,"ja":126,"zh":127,"zh_Hant":128},"Fullstack","フルスタック","全栈","全棧","fullstack",{"en":131,"ja":132,"zh":133,"zh_Hant":134},"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":140,"slug":145,"description":146,"icon":151,"color":152,"cover_image":13,"created_at":153,"post_count":34},{"en":141,"ja":142,"zh":143,"zh_Hant":144},"Essays","エッセイ","随笔","隨筆","essays",{"en":147,"ja":148,"zh":149,"zh_Hant":150},"Technical reflections and development insights recording the programmer's growth journey","プログラマーの成長の軌跡を記録する技術的考察と開発の洞察","技术思考与开发心得分享，记录程序员成长路上的点滴感悟","技術思考與開發心得分享，記錄程序員成長路上的點滴感悟","heroicons:pencil-square","#f43f5e","2026-09-30T18:09:53.653105Z",{"id":57,"name":155,"slug":159,"description":160,"icon":165,"color":166,"cover_image":13,"created_at":167,"post_count":34},{"en":156,"ja":157,"zh":158,"zh_Hant":158},"Tools","ツール","工具","tools",{"en":161,"ja":162,"zh":163,"zh_Hant":164},"Development toolchain and productivity tool recommendations to supercharge your development experience","開発効率を飛躍的に向上させるツールチェーンと生産性ツールの推奨","开发工具链与效率提升利器推荐，让你的开发体验如虎添翼","開發工具鏈與效率提升利器推薦，讓你的開發體驗如虎添翼","heroicons:wrench-screwdriver","#06b6d4","2026-09-30T18:09:53.655605Z",{"id":79,"name":169,"slug":174,"description":175,"icon":180,"color":181,"cover_image":13,"created_at":182,"post_count":138},{"en":170,"ja":171,"zh":172,"zh_Hant":173},"Translation","翻訳","翻译","翻譯","translation",{"en":176,"ja":177,"zh":178,"zh_Hant":179},"Curated translations of high-quality foreign technical articles to keep up with international trends","国際的な技術トレンドを追うための厳選された海外技術記事の翻訳","优质外文技术文章精选翻译，紧跟国际技术前沿动态","優質外文技術文章精選翻譯，緊跟國際技術前沿動態","heroicons:language","#84cc16","2026-09-30T18:09:53.658041Z",{"items":184,"total":50,"page":6,"page_size":324,"total_pages":6},[185,216,245,269,284,308],{"id":186,"title":187,"subtitle":13,"slug":188,"excerpt":189,"cover_image":13,"author":190,"category":193,"tags":194,"status":212,"views":213,"likes_count":138,"comments_count":50,"is_pinned":16,"created_at":214,"published_at":214,"updated_at":215,"reading_time":6},30,"PWA 离线应用实战：Service Worker + IndexedDB + Background Sync","post-30-PWA离线应用实战","逐步构建可安装、可离线运行、网络恢复自动同步的 Progressive Web App：Service Worker 缓存策略（Cache First \u002F Stale-While-Revalidate）、IndexedDB 封装结构化本地数据、Background Sync 后台队列在用户离线操作后网络恢复时自动提交变更，附完整 TS 代码。",{"id":6,"username":191,"nickname":191,"avatar":13,"cover_image":13,"bio":13,"website":13,"github":13,"avatar_source":13,"resolved_avatar_url":13,"title":13,"created_at":192},"Choyeon","2026-09-30T18:09:53.330367Z",{"id":26,"name":98,"slug":99,"description":103,"icon":105,"color":106,"cover_image":13,"created_at":107,"post_count":138},[195,196,201,206],{"id":57,"name":59,"slug":60,"color":61,"icon":13,"is_active":15,"created_at":62,"post_count":138},{"id":50,"name":197,"slug":198,"color":199,"icon":13,"is_active":15,"created_at":200,"post_count":138},"TypeScript","typescript","#3178c6","2026-09-30T18:09:53.680697Z",{"id":26,"name":202,"slug":203,"color":204,"icon":13,"is_active":15,"created_at":205,"post_count":138},"Vue","vue","#42b883","2026-09-30T18:09:53.672512Z",{"id":207,"name":208,"slug":209,"color":210,"icon":13,"is_active":15,"created_at":211,"post_count":138},20,"Next.js","nextjs","#000000","2026-09-30T18:09:53.721362Z","published",173,"2026-09-28T13:09:53.733462Z","2026-10-01T10:32:41.195068Z",{"id":217,"title":218,"subtitle":13,"slug":219,"excerpt":220,"cover_image":13,"author":221,"category":222,"tags":223,"status":212,"views":242,"likes_count":138,"comments_count":6,"is_pinned":16,"created_at":243,"published_at":243,"updated_at":244,"reading_time":6},21,"前端性能优化：Core Web Vitals 实战","post-21-前端性能优化Cor","Google 搜索排名核心指标完全实战：LCP 最大内容绘制（预连接\u002F图像优先级\u002FCDN缓存）、CLS 累积布局偏移（图像尺寸\u002F字体FOIT\u002F动态占位）、INP 交互响应（长任务拆分\u002F防抖节流）全面落地。",{"id":6,"username":191,"nickname":191,"avatar":13,"cover_image":13,"bio":13,"website":13,"github":13,"avatar_source":13,"resolved_avatar_url":13,"title":13,"created_at":192},{"id":26,"name":98,"slug":99,"description":103,"icon":105,"color":106,"cover_image":13,"created_at":107,"post_count":138},[224,225,231,237],{"id":57,"name":59,"slug":60,"color":61,"icon":13,"is_active":15,"created_at":62,"post_count":138},{"id":226,"name":227,"slug":228,"color":229,"icon":13,"is_active":15,"created_at":230,"post_count":138},15,"性能优化","performance","#f97316","2026-09-30T18:09:53.707190Z",{"id":232,"name":233,"slug":234,"color":235,"icon":13,"is_active":15,"created_at":236,"post_count":138},14,"CSS","css","#1572b6","2026-09-30T18:09:53.704077Z",{"id":42,"name":238,"slug":239,"color":240,"icon":13,"is_active":15,"created_at":241,"post_count":138},"Astro","astro","#ff5d01","2026-09-30T18:09:53.678001Z",145,"2026-09-15T07:09:53.733462Z","2026-10-01T10:32:43.083654Z",{"id":246,"title":247,"subtitle":13,"slug":248,"excerpt":249,"cover_image":13,"author":250,"category":251,"tags":252,"status":212,"views":266,"likes_count":138,"comments_count":57,"is_pinned":16,"created_at":267,"published_at":267,"updated_at":268,"reading_time":6},13,"Node.js 性能诊断：clinic.js + flamegraph","post-13-Nodejs性能","系统学习 Node.js 性能定位工具链：clinic.js 一键生成分析报告，解读火焰图热点函数、阻塞事件循环的同步代码、内存泄漏对象栈，精准定位 CPU\u002F内存瓶颈。",{"id":6,"username":191,"nickname":191,"avatar":13,"cover_image":13,"bio":13,"website":13,"github":13,"avatar_source":13,"resolved_avatar_url":13,"title":13,"created_at":192},{"id":34,"name":112,"slug":114,"description":118,"icon":120,"color":121,"cover_image":13,"created_at":122,"post_count":138},[253,258,259,260],{"id":79,"name":254,"slug":255,"color":256,"icon":13,"is_active":15,"created_at":257,"post_count":138},"Node.js","nodejs","#339933","2026-09-30T18:09:53.685769Z",{"id":226,"name":227,"slug":228,"color":229,"icon":13,"is_active":15,"created_at":230,"post_count":138},{"id":57,"name":59,"slug":60,"color":61,"icon":13,"is_active":15,"created_at":62,"post_count":138},{"id":261,"name":262,"slug":263,"color":264,"icon":13,"is_active":15,"created_at":265,"post_count":138},24,"Linux","linux","#fcc624","2026-09-30T18:09:53.731844Z",306,"2026-09-04T17:09:53.733462Z","2026-09-30T21:01:48.426436Z",{"id":270,"title":271,"subtitle":13,"slug":272,"excerpt":273,"cover_image":13,"author":274,"category":275,"tags":276,"status":212,"views":281,"likes_count":138,"comments_count":42,"is_pinned":16,"created_at":282,"published_at":282,"updated_at":283,"reading_time":6},12,"Astro 静态站点深度：群岛架构 & 内容集合","post-12-Astro静态站点","深入理解 Astro 核心创新：群岛架构实现最小化 JS 注入，仅交互组件按需水合；内容集合提供类型安全的 Markdown\u002FMDX 管理，构建零 JS 的高性能静态站点。",{"id":6,"username":191,"nickname":191,"avatar":13,"cover_image":13,"bio":13,"website":13,"github":13,"avatar_source":13,"resolved_avatar_url":13,"title":13,"created_at":192},{"id":26,"name":98,"slug":99,"description":103,"icon":105,"color":106,"cover_image":13,"created_at":107,"post_count":138},[277,278,279,280],{"id":42,"name":238,"slug":239,"color":240,"icon":13,"is_active":15,"created_at":241,"post_count":138},{"id":57,"name":59,"slug":60,"color":61,"icon":13,"is_active":15,"created_at":62,"post_count":138},{"id":50,"name":197,"slug":198,"color":199,"icon":13,"is_active":15,"created_at":200,"post_count":138},{"id":226,"name":227,"slug":228,"color":229,"icon":13,"is_active":15,"created_at":230,"post_count":138},241,"2026-09-02T02:09:53.733462Z","2026-09-30T21:02:41.980035Z",{"id":285,"title":286,"subtitle":13,"slug":287,"excerpt":288,"cover_image":13,"author":289,"category":290,"tags":291,"status":212,"views":305,"likes_count":138,"comments_count":50,"is_pinned":16,"created_at":306,"published_at":306,"updated_at":307,"reading_time":6},11,"WebAssembly 入门：Rust 编译 WASM + JS 调用","post-11-WebAssembl","从零搭建 Rust → WebAssembly 开发流程：wasm-pack 工具链、wasm-bindgen 类型绑定、JavaScript 同步\u002F异步调用 WASM 函数、内存共享与 TypedArray 传递大数据，适合计算密集型任务移植到浏览器端。",{"id":6,"username":191,"nickname":191,"avatar":13,"cover_image":13,"bio":13,"website":13,"github":13,"avatar_source":13,"resolved_avatar_url":13,"title":13,"created_at":192},{"id":6,"name":68,"slug":70,"description":74,"icon":76,"color":77,"cover_image":13,"created_at":78,"post_count":138},[292,298,303,304],{"id":293,"name":294,"slug":295,"color":296,"icon":13,"is_active":15,"created_at":297,"post_count":138},18,"WebAssembly","webassembly","#654ff0","2026-09-30T18:09:53.715731Z",{"id":217,"name":299,"slug":300,"color":301,"icon":13,"is_active":15,"created_at":302,"post_count":138},"Rust","rust","#dea584","2026-09-30T18:09:53.723993Z",{"id":57,"name":59,"slug":60,"color":61,"icon":13,"is_active":15,"created_at":62,"post_count":138},{"id":226,"name":227,"slug":228,"color":229,"icon":13,"is_active":15,"created_at":230,"post_count":138},504,"2026-08-31T23:09:53.733462Z","2026-09-30T21:00:49.364299Z",{"id":42,"title":309,"subtitle":13,"slug":310,"excerpt":311,"cover_image":13,"author":312,"category":313,"tags":314,"status":212,"views":321,"likes_count":138,"comments_count":79,"is_pinned":16,"created_at":322,"published_at":322,"updated_at":323,"reading_time":6},"TypeScript 高级类型体操","post-5-TypeScript","TypeScript 的类型系统堪比一门完整的编程语言。本文系统讲解条件类型、映射类型、模板字面量类型、infer 推断、递归类型、分布式条件类型等高阶特性。配合 15+ 真实工具类型实现（DeepPartial、PathOf、PickByType、CamelCase 等），带你掌握 type-challenges 中级难度以上的解题思路。",{"id":6,"username":191,"nickname":191,"avatar":13,"cover_image":13,"bio":13,"website":13,"github":13,"avatar_source":13,"resolved_avatar_url":13,"title":13,"created_at":192},{"id":6,"name":68,"slug":70,"description":74,"icon":76,"color":77,"cover_image":13,"created_at":78,"post_count":138},[315,316,317],{"id":50,"name":197,"slug":198,"color":199,"icon":13,"is_active":15,"created_at":200,"post_count":138},{"id":57,"name":59,"slug":60,"color":61,"icon":13,"is_active":15,"created_at":62,"post_count":138},{"id":318,"name":96,"slug":99,"color":319,"icon":13,"is_active":15,"created_at":320,"post_count":138},26,"#94a3b8","2026-09-30T18:09:53.760103Z",255,"2026-08-24T18:09:53.733462Z","2026-09-30T20:57:37.449532Z",9]