记录用Claude Code重构10000行Vue遗留代码的完整过程。从接手3年无人敢动的屎山，到2周上线零事故，包含测试生成、代码诊断、重构执行的完整Prompt模板和避坑指南。

相比于tinypng，我这个工具还自带尺寸设置功能，同时还可以控制压缩率，指定压缩格式，纯前端实现，高性能高效率。

介绍轻量级状态管理库pinia，针对本项目的引入，创建，优化，使用和打包。参考了南山种子外卖跑手的Pinia进阶：优雅的setup（函数式）写法+封装到你的企业项目。

本系列将实现使用react18，ts5，lint三剑客，webpack，storybook搭建react组件库、react+ts项目模板、和一个脚手架项目模板。本项目使用的是node18.18.0

在移动互联网时代，良好的用户体验至关重要，但如何量化其对业务的贡献一直是痛点和难点。去哪儿一直秉承用户第一的思路去做体验的优化，因此投入了很多精力从技术指标视角去做用户体验的优化。

对 AST 进行分析及修改是现在前端工程化的基础，本文主要介绍对 AST 的简单分析来实现一个代码扫描工具。

前端CDN容灾，资源重载方案，高效解决资源异常导致的白屏、样式错乱，加载缓慢等问题。实现CDN域名动态切换，精准CDN监控，资源重载成功率监控。降低前端核心链路阻断比例，提高用户体验。

1 背景 体验是得物的业务关键词之一，对于前端开发而言，提高用户体验更是重要工作内容之一。 得物前端平台目前有巡检系统、监控平台等多种手段保障线上页面稳定运行，但是仍有一部分问题处于“监控死角”，而且

使用Node crypto模块实现前后端数据加密,后台使用的是 express+crypto,前端使用 vite+vue3搭建的项目