[{"data":1,"prerenderedAt":184},["ShallowReactive",2],{"content-/blog/category/development":3,"related-blog":156},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"keywords":10,"category":11,"author":12,"date":13,"image":14,"body":15,"_type":150,"_id":151,"_source":152,"_file":153,"_stem":154,"_extension":155},"/blog/category/development","category",false,"","开发实践 - HTMLPAGE 技术博客","前端开发技巧和最佳实践，包括 Vue、React、TypeScript 等技术栈的使用经验。","前端开发, Vue, React, TypeScript, 编程技巧, 代码质量","开发实践","HTMLPAGE","2025-11-25","/content-images/blog/blog.jpg",{"type":16,"children":17,"toc":147},"root",[18,26,64,70,99,105,131,135],{"type":19,"tag":20,"props":21,"children":25},"element","section-title",{"description":22,"icon":23,"title":24},"前端开发技巧和实践经验","📚","📚 开发文章",[],{"type":19,"tag":27,"props":28,"children":30},"article-grid",{":columns":29},"2",[31,40,48,56],{"type":19,"tag":32,"props":33,"children":39},"article-card",{":tags":34,"category":11,"description":35,"icon":36,"title":37,"to":38},"[\"Vue3\", \"组合式API\", \"最佳实践\"]","Vue 3 组合式 API、响应式系统、性能优化等开发实践和技巧分享","💚","Vue 3 最佳实践","/blog/vue3-best-practices",[],{"type":19,"tag":32,"props":41,"children":47},{":tags":42,"category":11,"description":43,"icon":44,"title":45,"to":46},"[\"TypeScript\", \"类型系统\", \"进阶\"]","TypeScript 类型系统、泛型、装饰器等高级特性的使用技巧","🔷","TypeScript 进阶技巧","/blog/typescript-advanced",[],{"type":19,"tag":32,"props":49,"children":55},{":tags":50,"category":11,"description":51,"icon":52,"title":53,"to":54},"[\"React\", \"Hooks\", \"实战\"]","深入理解 React Hooks，包括 useState、useEffect、自定义 Hooks 等","⚛️","React Hooks 实战指南","/blog/react-hooks-guide",[],{"type":19,"tag":32,"props":57,"children":63},{":tags":58,"category":11,"description":59,"icon":60,"title":61,"to":62},"[\"代码质量\", \"测试\", \"规范\"]","ESLint、Prettier、代码审查、单元测试等代码质量保障实践","✅","代码质量提升","/blog/code-quality",[],{"type":19,"tag":20,"props":65,"children":69},{"description":66,"icon":67,"title":68},"提升开发效率的工具和技巧","🛠️","🛠️ 开发工具",[],{"type":19,"tag":27,"props":71,"children":73},{":columns":72},"3",[74,83,91],{"type":19,"tag":32,"props":75,"children":82},{":tags":76,"category":77,"description":78,"icon":79,"title":80,"to":81},"[\"VSCode\", \"插件\", \"效率\"]","开发工具","提升开发效率的必备 VS Code 插件和配置技巧","💻","VS Code 插件推荐","/blog/vscode-extensions",[],{"type":19,"tag":32,"props":84,"children":90},{":tags":85,"category":77,"description":86,"icon":87,"title":88,"to":89},"[\"Git\", \"版本控制\", \"协作\"]","分支管理、代码提交、团队协作等 Git 使用技巧","🌿","Git 工作流实践","/blog/git-workflow",[],{"type":19,"tag":32,"props":92,"children":98},{":tags":93,"category":77,"description":94,"icon":95,"title":96,"to":97},"[\"调试\", \"开发工具\", \"技巧\"]","浏览器调试工具、日志分析、性能分析等调试技巧","🐛","调试技巧分享","/blog/debugging-tips",[],{"type":19,"tag":20,"props":100,"children":104},{"description":101,"icon":102,"title":103},"前端技术栈和框架","🎨","🎨 前端技术",[],{"type":19,"tag":27,"props":106,"children":107},{":columns":72},[108,116,124],{"type":19,"tag":32,"props":109,"children":115},{":tags":110,"category":111,"description":112,"icon":102,"title":113,"to":114},"[\"CSS\", \"现代特性\", \"布局\"]","前端技术","CSS Grid、Flexbox、CSS 变量、动画等现代 CSS 特性应用","现代 CSS 特性","/blog/css-modern-features",[],{"type":19,"tag":32,"props":117,"children":123},{":tags":118,"category":111,"description":119,"icon":120,"title":121,"to":122},"[\"Webpack\", \"构建优化\", \"性能\"]","代码分割、Tree Shaking、缓存策略等 Webpack 优化技巧","📦","Webpack 优化实践","/blog/webpack-optimization",[],{"type":19,"tag":32,"props":125,"children":130},{":tags":126,"category":111,"description":127,"icon":102,"title":128,"to":129},"[\"TailwindCSS\", \"工具类\", \"样式\"]","Tailwind CSS 的使用技巧、定制化配置、最佳实践","Tailwind CSS 实战","/blog/tailwind-css-guide",[],{"type":19,"tag":132,"props":133,"children":134},"hr",{},[],{"type":19,"tag":136,"props":137,"children":138},"p",{},[139],{"type":19,"tag":140,"props":141,"children":143},"a",{"href":142},"/blog",[144],{"type":145,"value":146},"text","← 返回博客首页",{"title":7,"searchDepth":148,"depth":148,"links":149},3,[],"markdown","content:blog:category:development.md","content","blog/category/development.md","blog/category/development","md",[157,168,176],{"_path":158,"_dir":159,"_draft":6,"_partial":6,"_locale":7,"title":160,"description":161,"keywords":162,"author":12,"date":163,"category":164,"image":14,"_type":150,"_id":165,"_source":152,"_file":166,"_stem":167,"_extension":155},"/blog/2025-q1-updates","blog","2025 Q1 产品更新","第一季度重大功能发布：AI 生成优化、新模板上线、编辑器增强等","2025 Q1 产品更新, Blog, HTMLPAGE","2025-11-26","待分类","content:blog:2025-q1-updates.md","blog/2025-q1-updates.md","blog/2025-q1-updates",{"_path":169,"_dir":159,"_draft":6,"_partial":6,"_locale":7,"title":170,"description":171,"keywords":172,"author":12,"date":163,"category":164,"image":14,"_type":150,"_id":173,"_source":152,"_file":174,"_stem":175,"_extension":155},"/blog/2025-roadmap","2025 产品路线图","展望 2025 年的产品规划：AI 能力增强、模板扩充、国际化等","2025 产品路线图, Blog, HTMLPAGE","content:blog:2025-roadmap.md","blog/2025-roadmap.md","blog/2025-roadmap",{"_path":177,"_dir":159,"_draft":6,"_partial":6,"_locale":7,"title":178,"description":179,"keywords":180,"author":12,"date":163,"category":164,"image":14,"_type":150,"_id":181,"_source":152,"_file":182,"_stem":183,"_extension":155},"/blog/ab-testing","A/B 测试","通过 A/B 测试验证设计方案","A/B 测试, Blog, HTMLPAGE","content:blog:ab-testing.md","blog/ab-testing.md","blog/ab-testing",1774945277094]