[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"site:code-page-v2:zh":3,"site-code-wechat-articles":188},{"title":4,"subtitle":5,"heroTitle":6,"heroHighlights":7,"articleCategoryNames":17,"techStack":26,"projects":91,"articles":161},"编程","全栈开发 · 开源维护 · 工程化实践","全栈开发，持续开源",[8,11,14],{"title":9,"description":10},"开源是我的坐标","持续开源开源，把通用逻辑抽离、封装，让复用成为本能。",{"title":12,"description":13},"全栈是我的视野","前后端架构设计。向后，组织优雅的架构设计；向前，提升现代 Web 性能。",{"title":15,"description":16},"工程化是我的向往","CI\u002FCD、自动化测试、工程规范——把工程化刻到代码的基因里。",[18,19,20,21,22,23,24,25],"全部","前端框架","后端架构","工程化","DevOps","架构设计","性能优化","开源实践",[27,36,47,59,71,81],{"name":28,"description":29,"icon":30,"tags":31},"开源工程与 Monorepo","围绕 PNPM Workspace、Turbo 编排与统一脚本体系，维护多应用、多包仓库；关注发布节奏、版本策略与下游接入成本。","🧩",[32,33,34,35],"Monorepo","PNPM","Turbo","Workspace",{"name":37,"description":38,"icon":39,"tags":40},"前端工程化","深耕 Vue 3 \u002F Nuxt 4 SSR、组件化与 UnoCSS 样式体系，在真实业务与个人站点中反复验证性能、SEO 与可维护性取舍。","💻",[41,42,43,44,45,46],"Vue 3","Nuxt 4","Vite","TypeScript","Pinia","UnoCSS",{"name":48,"description":49,"icon":50,"tags":51},"Node.js 全栈","用 NestJS、TypeORM 与 Redis 构建 BFF 与业务 API，强调接口契约、配置分层、可观测性与容器化交付。","🛠️",[52,53,54,55,56,57,58],"Node.js","EggJS","NestJS","TypeORM","PostgreSQL","Redis","BFF",{"name":60,"description":61,"icon":62,"tags":63},"DevOps 与交付","Docker 多阶段构建、PM2 进程托管、Nginx 网关与 CI\u002FCD 流水线串联，让个人项目也具备可重复的上线路径。","🚀",[64,65,66,67,68,69,70],"Docker","K8S","CI\u002FCD","PM2","Nginx","镜像构建","SWR 缓存",{"name":72,"description":73,"icon":74,"tags":75},"技术写作与知识库","把踩坑、方案对比与架构复盘写成可检索的文章与笔记仓库，服务 408 备考、编程进阶开发。","📝",[76,77,78,79,80],"VitePress","Vuepress","技术博客","知识图谱","文档站",{"name":82,"description":83,"icon":84,"tags":85},"开发者工具链","封装 ESLint、Commit Lint、Fairy CLI、CDN 与 HTTP 等横向能力，减少每个新项目重复造轮子的时间。","⚙️",[86,87,88,89,90],"@142vip\u002Futils","eslint-config","fairy-cli","@142vip\u002Faxios","@142vip系列包",[92,110,128,146],{"name":93,"repoSlug":94,"description":95,"link":96,"siteLink":97,"image":98,"techStack":99,"stars":103,"status":104,"category":105,"highlights":106},"142vip-oauth","142vip\u002F142vip-oauth","围绕账号体系、官网展示、服务端能力和多应用协作做统一组织的 monorepo 项目。","https:\u002F\u002Fgithub.com\u002F142vip\u002F142vip-oauth","https:\u002F\u002Fwww.142vip.cn","https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1555066931-4365d14bab8c?ixlib=rb-4.0.3&q=85&fm=jpg&crop=entropy&cs=srgb&w=900",[100,32,101,44,102],"Nuxt","SSR","Element Plus",420,"active","frontend",[107,108,109],"把官网、OAuth 登录、组件复用和脚本工具链集中到一个长期维护的仓库","三应用 + packages 分层，适合持续演进个人品牌站点","频道页 SSR、SEO 与 BFF 边界在真实业务中验证",{"name":111,"repoSlug":112,"description":113,"link":114,"siteLink":115,"image":116,"techStack":117,"stars":122,"status":104,"category":123,"highlights":124},"core-x","142vip\u002Fcore-x","@142vip 工程化 monorepo 源头仓库，承载 utils、vue、nest、egg、eslint-config、fairy-cli 等 npm 包的开发与发布，是工具链能力的核心底座。","https:\u002F\u002Fgithub.com\u002F142vip\u002Fcore-x","https:\u002F\u002F142vip.github.io\u002Fcore-x\u002F","https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1498050108023-c5249f4df085?ixlib=rb-4.0.3&q=85&fm=jpg&crop=entropy&cs=srgb&w=900",[118,119,120,121,54],"工具包","utils","Vue","EGGJS",680,"tool",[125,126,127],"统一 @142vip 下 30+ 工具包的版本与发布策略","沉淀 HTTP、日志、配置、文档站等横向基础能力","为 142vip-oauth 等业务仓库提供可复用工程模块",{"name":129,"repoSlug":130,"description":131,"link":132,"siteLink":133,"image":134,"techStack":135,"stars":140,"status":141,"category":123,"highlights":142},"408CSFamily","142vip\u002F408CSFamily","面向 408 计算机统考的学习资料与知识整理仓库，覆盖数据结构、操作系统、计算机网络与组成原理等核心科目，强调结构化笔记与长期可检索性。","https:\u002F\u002Fgithub.com\u002F142vip\u002F408CSFamily","https:\u002F\u002F408.142vip.cn","https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1618477388954-7852f32655ec?ixlib=rb-4.0.3&q=85&fm=jpg&crop=entropy&cs=srgb&w=900",[136,137,138,139],"计算机","408","考研","思维导图",860,"maintained",[143,144,145],"按科目拆分章节，适合阶段性复习与查漏补缺","持续更新历年真题思路与高频考点归纳","与主站 408 子域联动，方便在线阅读",{"name":147,"repoSlug":148,"description":149,"link":150,"siteLink":151,"image":98,"techStack":152,"stars":156,"status":141,"category":105,"highlights":157},"JavaScriptCollection","142vip\u002FJavaScriptCollection","系统性沉淀 JavaScript 与前端工程化笔记，从语言基础到框架生态，面向进阶开发者构建可回看的知识索引。","https:\u002F\u002Fgithub.com\u002F142vip\u002FJavaScriptCollection","https:\u002F\u002Fcode.142vip.cn",[153,154,155,21],"JS&TS","NodeJS","全栈开发",1200,[158,159,160],"覆盖 ES 规范、异步、模块化与运行时差异","结合真实项目经验补充框架与构建工具笔记","code.142vip.cn 在线预览，支持快速检索",[162,167,171,176,180,184],{"title":163,"date":164,"link":165,"readTime":166,"category":25},"从 core-x 到业务仓：@142vip 工具包如何分层","2026-03-28","https:\u002F\u002Fjuejin.cn\u002F","15 分钟",{"title":168,"date":169,"link":165,"readTime":170,"category":19},"Nuxt 4 SSR 站点：频道页数据模式与 BFF 边界","2026-03-18","12 分钟",{"title":172,"date":173,"link":174,"readTime":175,"category":20},"NestJS BFF 在 monorepo 中的模块组织与配置注入","2026-03-10","https:\u002F\u002Fmp.weixin.qq.com\u002F","18 分钟",{"title":177,"date":178,"link":165,"readTime":179,"category":22},"Docker 多阶段构建：Node 基础镜像与应用镜像如何拆分","2026-02-26","10 分钟",{"title":181,"date":182,"link":165,"readTime":183,"category":25},"408 笔记仓库如何做成可检索的知识库","2026-02-20","14 分钟",{"title":185,"date":186,"link":96,"readTime":187,"category":24},"前端性能优化：首屏、交互与构建体积的三条主线","2026-02-08","16 分钟",10]