AI 生成的前端组件，凭什么敢合并上线？
当 AI 一次性产出涵盖状态管理、副作用、工程化封装的"专业级"组件代码，观感专业不等于可靠。聊聊我判断这类代码能否上线的一套实际方法。
Blog
技术思考与实践记录
用 AI 给个人博客做一条内容生产流水线
把写作中重复、枯燥的环节交给 AI，搭一条从选题、初稿、配图建议到 SEO 优化的内容生产流水线，让自己专注在真正有价值的部分。
从零搭建一个 MCP Server 接入 Claude 和 Cursor
用 TypeScript 从零实现一个 MCP Server，理解工具（tools）的定义与注册，并接入 Claude Desktop 和 Cursor 实际调用。
前端工程师的提示词工程实战手册
从前端工程师的视角，总结一套能真正落地的提示词工程方法论，包括结构化提示、上下文管理、few-shot 示例和常见踩坑。
Cursor 高效工作流实践
记录使用 Cursor 进行 AI 辅助开发的完整工作流，涵盖 prompt 模板、代码审查、自动化重构等实战经验。
Nginx 配置 HTTPS、Gzip 与缓存优化实战
从一份能跑的基础配置出发，逐步给 Nginx 加上 HTTPS、Gzip 压缩、静态资源缓存和安全响应头，让前端站点又快又稳。
Claude Code 开发规范与实践
制定并实践 Claude Code 的开发规范，包括项目结构约定、代码风格指南、AI 协作最佳实践。
实现一个谷歌浏览器插件
从零开始实现一个在浏览器中实时预览HTML、CSS和JavaScript代码的谷歌浏览器插件。
本地脚本执行构建推送Docker镜像并触发kuboard重启项目
Vue项目执行本地脚本，构建Docker镜像，推送镜像到Harbor仓库通过kuboard重启kubernetes部署流程小结。
浅尝WebRTC拉流，实现两个小功能
最近搞了个前端使用WebRTC拉取视频流，视频流里面是一个数字人的展示，然后通过文本输入/语音录入的方式向数字人提问的小功能（仅前端）。
爆改博客评论组件Valine
爆改了Valine的各种问题，然后加了一些样式优化，包括QQ头像显示、自定义表情包，自己接入邮件发送等问题，硬是把他给救活了🤪
el-tabs右键管理菜单
ElementUI el-tabs右键管理菜单功能实现，基于vue-property-decorator
github-action接入微信公众平台测试号实现每日早安推送
基于python脚本实现利用github-action接入微信公众平台测试号实现每日早安推送
Nuxt3 useFetch请求封装
Vue3+Nuxt3 封装Nuxt自带请求API-useFetch,个可组合函数，可以直接在设置函数、插件或路由中调用。它返回响应式的可组合函数，并处理将响应添加到Nuxt的负载中，以便在页面水合时可以从服务器传递给客户端，而无需在客户端重新获取数据
前端接入科大讯飞星火认知大模型API
vue3接入讯飞星火认知大模型，拥有跨领域的知识和语言理解能力，完成问答对话和文学创作等任务。持续从海量文本数据和大规模语法知识中学习进化，实现从提出问题、规划问题到解决问题的全流程闭环
基于Centos部署Vue+Nginx+Docker的前端项目
搞了一台腾讯云的测试服务器，基于CentOS 7系统，记录一下部署Vue+Nginx+Docker的前端项目的过程。
Docker常用命令
Docker提供了很多功能和选项，可以根据需要使用不同的命令来管理容器化应用程序，整理了一下docker的常用命令。
在vue3中使用两种方案实现无限水平滚动
使用SwiperJs 的Autoplay/使用CSS+Js两种方案在vue3中实现元素水平无限滚动。
Dockerfile 示例
前后端 Dockerfile 配置文件示例。
Linux常用操作命令
Linux是一种广泛使用的操作系统，因其开放源代码、稳定性和安全性而备受欢迎。熟练掌握Linux常用操作命令对于测试工程师来说至关重要，可以提高工作效率并简化任务。
TypeScript 入门知识点总结
总结一下我使用 typeScript 开发项目时的一些知识点
一个非常实用的内网穿透工具
不用部署服务器，直接让别人访问在你电脑上运行的网站和服务，即使是网络小白也能快上手，可以用于项目展示，前后端联调等。
总结了一些前端的规范
想要团队的代码风格统一、开发效率和质量高，规范是必不可少的，一个好的程序员肯定是要能书写可维护的代码，养成好习惯，是一个程序员的基本素养。
前端项目部署学习
静态网站部署-Docker部署-CI/CD自动化部署
vue3项目中使用three.js
在vue3项目中，通过three.js实现了一个简单的三维效果图。
个人博客利用github接入评论组件
利用GitHub App的utterances，一个基于 GitHub 问题构建的轻量级评论小部件。使用 GitHub 问题进行博客评论、维基页面等！
elelment table表格高度自适应
vue elelment table表格自定义高度，同时根据当前元素高度自适应表格高度
前端项目接入钉钉/企业微信群机器人API
vue前端项目接入钉钉/企业微信群机器人API，实现接口调用机器人，随时在群里通知后端同事接口报错了