[{"data":1,"prerenderedAt":252},["ShallowReactive",2],{"tag-blog-ai":3,"tag-docs-ai":76},[4,15,27,35,42,52,59,66],{"path":5,"title":6,"description":7,"date":8,"category":9,"tags":10},"\u002Fblog\u002Fclaude-code-token-analysis","我分析了 99 个会话、76MB 日志，终于搞懂 Claude Code 的 token 到底烧在哪","用脚本量化本地会话日志后发现，输出只占成本约 12%，缓存重建才是 75% 的大头。记录三大烧钱黑洞、对应优化与可复用清单。","2026-07-17","ai-agent",[11,12,13,14],"claude-code","ai","performance","best-practice",{"path":16,"title":17,"description":18,"date":19,"category":20,"tags":21},"\u002Fblog\u002Fwsl2-clash-huorong-troubleshooting","WSL2 + Clash + 火绒 踩坑排查记录","代理开着 WSL2 就断网，关掉又访问不了外网。记录一次从 ARP 拦截日志追到 TUN 模式冲突的完整排查过程，以及重建 Hyper-V 网络栈的正确恢复步骤。","2026-05-28","devops",[22,23,24,25,26],"wsl2","proxy","network","troubleshooting","debugging",{"path":28,"title":29,"description":30,"date":31,"category":20,"tags":32},"\u002Fblog\u002Fwsl2-port-forwarding-guide","WSL2 端口转发完整指南","WSL2 里跑起 dev server 本机能开、同事却访问不到？讲透 NAT 网络拓扑、portproxy 方案、防火墙放行与开机自动化脚本。","2026-05-27",[22,24,33,34,25],"port-forwarding","guide",{"path":36,"title":37,"description":38,"date":31,"category":20,"tags":39},"\u002Fblog\u002Fwsl2-setup-guide","WSL2 初始使用与开发环境配置指南","从安装发行版到搭好可用的前端开发环境，涵盖磁盘迁移、镜像加速、终端配置与常见初始化陷阱。",[22,40,41,34],"linux","windows",{"path":43,"title":44,"description":45,"date":46,"category":47,"tags":48},"\u002Fblog\u002Fvue-reactivity-principle","Vue 响应式原理源码解析","从 Vue 初始化流程切入，逐层剖析 initState 如何将 props 与 data 转为响应式，讲清依赖收集与派发更新的完整链路。","2025-03-08","source-code",[49,47,50,51],"vue","reactivity","javascript",{"path":53,"title":54,"description":55,"date":46,"category":47,"tags":56},"\u002Fblog\u002Fvue-router-source-code-analysis","VueRouter 源码深度解析","拆解 hash 与 history 两种路由模式的底层差异，跟读路由注册、匹配与导航守卫的源码实现。",[49,57,47,58],"vue-router","browser",{"path":60,"title":61,"description":62,"date":46,"category":47,"tags":63},"\u002Fblog\u002Fvuex-source-code-analysis","Vuex 源码深度解析","从单例模式与单向数据流的设计思想入手，跟读 install 函数、store 构造与响应式状态的实现细节。",[49,64,47,65],"vuex","design-pattern",{"path":67,"title":68,"description":69,"date":70,"category":20,"tags":71},"\u002Fblog\u002Fnvm-pnpm-notes","nvm 版本管理与 pnpm 对比笔记","解决 nvm list available 返回空的镜像配置问题，并对比 pnpm 与 npm 在依赖存储与安装速度上的差异。","2024-07-13",[72,73,74,75,25],"nvm","npm","pnpm","nodejs",[77,87,93,98,103,109,118,124,130,139,146,153,158,164,169,175,181,188,195,202,208,214,220,226,231,236,241,246],{"path":78,"title":79,"description":80,"date":81,"category":82,"tags":83},"\u002Fdocs\u002Fbabel-basics","Babel 转译基础与构建集成","Babel 7 的 CLI、preset、plugin、目标环境以及 Gulp、Webpack 和 JSX 转译配置摘录。","2026-09-09","toolchain",[51,84,85,86],"es6","webpack","notes",{"path":88,"title":89,"description":90,"date":81,"category":91,"tags":92},"\u002Fdocs\u002Fes6-arrays-objects","ES6 数组与对象扩展","展开运算符、Array.from、Object.assign、属性描述符与图片预加载示例。","fundamentals",[51,84,86],{"path":94,"title":95,"description":96,"date":81,"category":91,"tags":97},"\u002Fdocs\u002Fes6-basics","ES6 基础：作用域、解构与模板字符串","从课程示例整理 let、const、暂时性死区、全局对象、数组与对象解构及模板字符串。",[51,84,86],{"path":99,"title":100,"description":101,"date":81,"category":91,"tags":102},"\u002Fdocs\u002Fjs-promise-async","Promise、Generator 与 async\u002Fawait","从回调到 Promise 链、组合方法、Generator 执行与 async 错误处理的课程示例整理。",[51,84,86],{"path":104,"title":105,"description":106,"date":19,"category":82,"tags":107},"\u002Fdocs\u002Flinux-commands-cheatsheet","Linux 常用命令与权限管理速查","cp\u002Fmv\u002Frm、目录导航、查找、压缩、网络等基础命令速查，以及 chmod\u002Fchown 的数字与符号写法、常用组合和 WSL 下的坑。",[40,22,108],"cheatsheet",{"path":110,"title":111,"description":112,"date":113,"category":114,"tags":115},"\u002Fdocs\u002Ffrontend-coding-standards","前端团队编码规范","HTML \u002F CSS \u002F JavaScript 三端统一的团队编码约定，含缩进、命名、语法与禁用项，可直接作为 Code Review 依据。","2025-12-17","standards",[116,117,51,84,14,34],"html","css",{"path":119,"title":120,"description":121,"date":122,"category":82,"tags":123},"\u002Fdocs\u002Fwindows-mklink","Windows mklink 符号链接用法","mklink 各参数区别与实用场景：目录联接、符号链接与硬链接的选择。","2024-12-18",[41,108],{"path":125,"title":126,"description":127,"date":128,"category":82,"tags":129},"\u002Fdocs\u002Frandom-color-utils","JS 随机颜色生成方法","几种生成随机 RGB \u002F HEX 颜色的实现方式与各自适用场景。","2024-12-11",[51,108],{"path":131,"title":132,"description":133,"date":134,"category":135,"tags":136},"\u002Fdocs\u002Fcanvas-vs-svg","Canvas 与 SVG 绘图方案选型","对比 Canvas 与 SVG 两种绘图方案的优缺点与适用场景，给出选型判断依据。","2024-12-09","visualization",[137,138,13,14],"canvas","svg",{"path":140,"title":141,"description":142,"date":143,"category":82,"tags":144},"\u002Fdocs\u002Ffree-commercial-fonts","免费可商用字体整理","整理思源黑体、思源宋体等可商用中文字体，规避字体版权风险。","2024-11-03",[145,117,86],"font",{"path":147,"title":148,"description":149,"date":143,"category":150,"tags":151},"\u002Fdocs\u002Finterview-browser-network","浏览器与网络考点","从输入 URL 到页面呈现的完整链路，涵盖渲染流程、回流重绘、HTTP 报文与状态码、跨域同源策略与常见攻击方式。","interview",[58,152,24,13,86],"http",{"path":154,"title":155,"description":156,"date":143,"category":150,"tags":157},"\u002Fdocs\u002Finterview-css-layout","CSS 与布局考点","em 与 rem 的区别、移动端三种适配方案对比、viewport 标准设置与 REM 布局的媒体查询实现。",[117,116,14,86],{"path":159,"title":160,"description":161,"date":143,"category":150,"tags":162},"\u002Fdocs\u002Finterview-framework-tooling","框架与工程化考点","React diff 与 setState 机制、Redux 核心组成、Vue 常考清单，以及 Webpack、Vite、Git 的面试要点。",[49,51,85,163,86],"vite",{"path":165,"title":166,"description":167,"date":143,"category":150,"tags":168},"\u002Fdocs\u002Finterview-javascript-core","JavaScript 核心考点","数据类型、this 绑定、闭包、原型链、异步与数组方法，前端面试中 JS 部分的高频考点与代码示例。",[51,84,86],{"path":170,"title":171,"description":172,"date":143,"category":91,"tags":173},"\u002Fdocs\u002Fjs-module-systems","JavaScript 模块化方案","梳理 CommonJS、AMD、ES Module 等模块化方案的差异与使用方式。",[51,174,84,86],"module-system",{"path":176,"title":177,"description":178,"date":143,"category":91,"tags":179},"\u002Fdocs\u002Fwebsocket-basics","WebSocket 基础","WebSocket 全双工通信协议的事件、方法与基本用法整理。",[180,24,51,86],"websocket",{"path":182,"title":183,"description":184,"date":185,"category":82,"tags":186},"\u002Fdocs\u002Fmarkdown-syntax","Markdown 语法速查","Markdown 标题、强调、列表、区块引用、代码、表格、转义与 Mermaid 图表语法整理。","2024-10-18",[187,108,86],"markdown",{"path":189,"title":190,"description":191,"date":192,"category":135,"tags":193},"\u002Fdocs\u002Fgojs-getting-started","GoJS 入门实战","从引入方式、画布初始化到节点模板与数据绑定，一份可直接上手的 GoJS 流程图开发笔记。","2024-08-22",[194,51,86],"gojs",{"path":196,"title":197,"description":198,"date":199,"category":135,"tags":200},"\u002Fdocs\u002Fecharts-options-notes","ECharts 配置项速查","整理 ECharts 常用 option 配置：数据格式、坐标轴、图例与交互项的实际用法。","2024-08-09",[201,51,108],"echarts",{"path":203,"title":204,"description":205,"date":206,"category":82,"tags":207},"\u002Fdocs\u002Fyarn-npm-install-errors","yarn \u002F npm 安装报错处理","yarn 引擎版本不兼容时的 ignore-engines 绕过、Windows 刷新 DNS 解析缓存、npm 缓存清理与校验。","2024-08-06",[73,75,41,25],{"path":209,"title":210,"description":211,"date":212,"category":135,"tags":213},"\u002Fdocs\u002Fgojs-grid-panel","GoJS 网格面板用法","Diagram.grid 默认网格与网格捕捉、单元格尺寸定制，用 LineH\u002FLineV\u002FBarH\u002FBarV 自定义网格样式，以及把 Grid 面板当作节点元素使用。","2024-07-01",[194,51,86],{"path":215,"title":216,"description":217,"date":218,"category":91,"tags":219},"\u002Fdocs\u002Fhttp-status-codes","HTTP 响应状态码详解","按 1xx 到 5xx 分类梳理 HTTP 状态码的含义与典型使用场景。","2024-06-27",[152,24,108],{"path":221,"title":222,"description":223,"date":224,"category":91,"tags":225},"\u002Fdocs\u002Fes6-functions-classes","ES6 函数与 Class","默认参数、rest、箭头函数的 this、Class 方法、访问器、静态成员与继承。","2023-04-26",[51,84,86],{"path":227,"title":228,"description":229,"date":224,"category":82,"tags":230},"\u002Fdocs\u002Fgulp-basics","Gulp 4 任务与文件流","Gulp 任务完成信号、串并行组合、文件流、资源处理、分阶段输出和文件监听。",[51,75,86],{"path":232,"title":233,"description":234,"date":224,"category":91,"tags":235},"\u002Fdocs\u002Fjs-proxy-reflect","Proxy 与 Reflect 入门","通过属性读取和赋值示例理解 Proxy、Reflect、receiver 与拦截限制。",[51,84,86],{"path":237,"title":238,"description":239,"date":224,"category":82,"tags":240},"\u002Fdocs\u002Fless-basics","Less 语法与编译笔记","变量、嵌套、混合、extend、导入、内置函数和递归生成列的课程示例。",[117,86,108],{"path":242,"title":243,"description":244,"date":224,"category":82,"tags":245},"\u002Fdocs\u002Fwebpack-basics","Webpack 4 配置与开发服务器笔记","课程中的入口出口、loader、plugin、source map、开发代理以及 React 环境配置片段。",[85,51,75,86],{"path":247,"title":248,"description":249,"date":250,"category":91,"tags":251},"\u002Fdocs\u002Fhtml-basics","HTML 基础笔记","HTML 语法规范、常用标签、表格、表单、Canvas 入门与 JavaScript 输出方式速查。","2022-06-10",[116,86,108],1789635933678]