GANKUDADIZ

BLOG / LIBRARY

2026-04-09 / 前端开发 / 388

给评论区加个草稿箱:sessionStorage 的标签页级缓存

博客评论写完一长串后,不小心刷新或返回导致内容丢失?本文介绍了如何利用 sessionStorage 为评论区实现一个标签页级别的草稿自动保存功能。sessionStorage 的特性确保了草稿只在当前标签页有效,刷新不丢失,且不会与其他标签页冲突,有效解决了评论编辑时的痛点。

READ_LOG
#JavaScript #性能优化
2026-04-08 / 工具软件 / 2604

WSL2和Windows同步claude code配置记录

本文分享了在Windows与WSL2环境中同步Claude Code配置的完整解决方案。通过分析cc-switch工具“配置目录覆盖”的原理,作者发现其本质是设置环境变量。文章提出了一个高效思路:让WSL2直接使用Windows宿主机的配置文件目录。具体操作是在WSL2的bashrc中设置环境变量指向Windows的配置路径,从而实现配置的实时共享与同步,解决了手动切换的烦恼,提高了跨环境开发的效率。

READ_LOG
#最佳实践 #配置文件 #AI
2026-04-07 / 工具软件 / 996

WSL2 安装 Claude Code 全攻略

本文提供了一份详尽的指南,教你如何在 WSL2 环境中从零开始安装和配置 AI 编程助手 Claude Code,并通过接入 MiniMax Coding Plan 实现国内网络环境下的稳定访问。内容涵盖了环境检查、Node.js安装、Claude Code配置、WSL2网络与文件互访机制详解,以及常见问题的解决方案,旨在为开发者搭建一个高效、无缝的本地 AI 开发环境。

READ_LOG
#Linux #配置文件 #AI
2026-04-03 / PHP开发 / 350

给博客加上异步邮件通知:Laravel Queue 实践小记

本文记录了作者为优化博客评论体验,使用 Laravel Queue 将同步邮件通知改造为异步执行的实践过程。原本评论后页面会因同步发邮件而卡顿,通过实现 ShouldQueue 接口、配置数据库驱动并启动 worker 进程,成功将耗时操作移至后台,使页面响应瞬间流畅。文章还探讨了队列的原理、与定时任务的区别以及更多适用场景,为处理异步任务提供了实用指导。

READ_LOG
#PHP #Laravel #日常
2026-04-01 / PHP开发 / 394

头像上传裁剪这件小事

本文记录了为博客添加头像上传裁剪功能时遇到的一个隐蔽问题:代码本地测试正常,但部署服务器后图片静默生成失败。通过追踪日志和服务器权限排查,最终发现是Web服务进程用户对目标目录无写权限导致的,并给出了简洁的解决思路。

READ_LOG
#经验分享 #问题解决
2026-03-31 / 技术感悟 / 501

再见富文本:把博客的 Content 字段彻底收敛成 Markdown

本文分享了将博客后台内容字段从兼容Markdown和富文本两种格式统一收敛为只存储Markdown源文本的实践过程。文章阐述了统一语义的重要性,详细说明了历史数据的迁移策略、技术选型与实现原理,并总结了通过简化内容输入、存储、渲染链路来清理系统复杂度和减少维护负担的核心收获。

READ_LOG
#Laravel #经验分享 #问题解决
2026-03-30 / 技术感悟 / 548

Markdown 还是富文本,我选择只留一个

本文探讨了博客后台内容格式的选择困境。作者分析了同时维护Markdown和富文本两套体系的弊端,如高昂的维护成本、选择困难与数据一致性问题,最终基于简洁性、一致性以及与程序员工作流的天然契合,决定只保留Markdown格式,简化了系统设计。

READ_LOG
#性能优化 #运维
2026-03-26 / 技术感悟 / 1513

博客性能排查与优化实战:从「测速惨败」到「拨云见日」

本文详细记录了一次生产环境博客性能排查的完整过程。面对全国测速响应超时5-10秒的“惨败”,作者从网络层入手,逐步排除了GFW干扰,深入服务器应用层,诊断出Laravel生产缓存缺失、Redis未启用、会话使用数据库等关键问题。通过将缓存与Session驱动切换至Redis、生成全量生产缓存、延长静态资源缓存时间等一系列优化,将低并发响应提升至约0.5秒。文章最终揭示了PHP-FPM的ondemand模式在高并发测速下的瓶颈,并分享了适合低流量站点的优化决策与部署清单。

READ_LOG
#PHP #Laravel #性能优化
2026-03-19 / 前端开发 / 502

彻底告别“手滑”:前端小白也能看懂的弹窗(Modal)交互优化指南

本文是专为前端新手准备的弹窗交互优化指南。深入剖析常见的“手滑误关弹窗”问题根源,从浏览器事件机制讲起,清晰地解释了为何拖拽选中文本时会导致弹窗意外关闭。文章不仅提供了详细的问题排查步骤(包括console.log与开发者工具实战),更给出了核心解决方案——通过将弹窗的遮罩层与内容层重构为“兄弟平级”的DOM结构,从根本上杜绝误触。文中还提供了Vue、React、Alpine.js及原生JavaScript等多种框架下的修复代码示例,助你彻底告别糟糕的交互体验。

READ_LOG
#Laravel #JavaScript #Vue.js
2026-03-06 / 工具软件 / 1672

Google AI 编程工具实战避坑指南

本文详细解析了Google最新AI编程工具Antigravity IDE和Gemini CLI的实战避坑指南。针对开发者最常遇到的网络登录、账号限制、环境配置等核心问题,提供从开启VPN TUN模式、使用Antigravity-Proxy工具优化流量,到借助Antigravity Manager管理账号、迁移VS Code设置及解决Gemini CLI中文乱码等一系列切实可行的解决方案,助你高效上手这两款强大的AI编程助手。

READ_LOG
#教程 #经验分享 #配置文件
2026-02-26 / 技术感悟 / 355

浏览器反指纹插件导致 Filament 后台空白的排查全过程

记录一次由浏览器反指纹插件(Anti-Fingerprint)引发的 Filament 4 后台空白问题排查全过程。 问题表现为内容区域空白、Livewire 报 JS 错误,换浏览器却完全正常。排查过程历经 session 清理、 资源检查、版本升级等多个弯路,最终发现根因在客户端——插件在 document_start 阶段替换了底层 API,导致 Alpine.js 初始化链路中断。文章总结了六步标准排查流程,核心是:换浏览器能用时, 先开无痕模式验证,30 秒排除客户端环境变量。

READ_LOG
#Laravel #经验分享 #问题解决
2026-02-24 / 人工智能 / 2671

CC-Switch 安装与使用完全指南

CC-Switch 是一款开源桌面工具,支持在 Claude Code、Codex、Gemini CLI 之间一键切换 API 配置,还提供 MCP 服务器管理、Skills 管理、Prompts 管理和云同步功能。本文详细介绍 Windows 安装步骤和基本使用方法。