📋 最新开发日志
2025-01-18
🚀 搭建个人全栈项目架构 —— Vite + Vue3 + Node 实践
使用Vite创建SSR轻量级模板,配合Node服务端渲染优化首屏速度。记录了环境配置、跨域处理及PM2部署时的坑与解决方案。
Vue3 Vite Node.js
2025-01-10
⚙️ Nginx 反向代理进阶:从缓存到负载均衡细节
总结Nginx在真实生产环境中的配置经验:静态资源缓存策略、HTTP/2开启、gzip压缩调优,以及如何与Node后端优雅配合。顺手整理了常见的502排查手册。
Nginx 运维 性能优化
2025-01-05
📦 开发日志平台诞生记:从默认页到技术分享站
把「站点创建成功」页改造为个人技术日记,采用flex双栏布局,记录设计思路,并增加轻量动态数据展示。保留原FTP友好提示,致敬原始起点。
HTML/CSS UI设计
2024-12-22
🐳 Docker 容器化部署踩坑实录 · Node + MongoDB
如何编写生产级Dockerfile,解决Node热更新无效、数据卷持久化、跨容器网络通信。包含了docker-compose调试的心得,以及减少镜像体积的实用技巧。
Docker DevOps
2024-12-10
🔐 身份认证与JWT最佳实践(附前端刷新策略)
在前后端分离架构中如何安全存储Token,使用axios拦截器无感刷新,以及防止XSS攻击的一些具体措施,并分享开源项目中的真实实现。
JWT 安全 Vue3
💡 硬核经验 · 实战干货

⚡ 前端性能优化 —— 图片与资源加载策略

使用webp替换传统图片+懒加载 + 资源预加载,现代网站评分轻松90+。另外善用service worker做离线缓存,提升二次访问体验。👇 实用命令与配置示例:

// nginx 配置图片缓存一个月
location ~* \.(jpg|jpeg|png|webp|svg)$ {
  expires 30d;
  add_header Cache-Control "public, immutable";
}

🐛 调试锦囊:Node服务内存泄漏排查

使用 clinic.js 或是 node --inspect 结合 Chrome devtools,定位未清理的定时器、全局变量缓存,以及如何合理使用 heap snapshot 分析。

📁 Git 协作规范 & Commit 整洁指南

团队使用 Conventional Commits 约定,配合 husky + lint-staged 实现提交前自动格式化,减少 code review 噪音。并分享一个常用的 .gitmessage 模板。

feat: 新增xxx功能
fix: 修复登录token失效bug
docs: 更新readme部署说明