CSS实验室，你的前端样式新利器
2025年10月21日杂谈
前言 在前端开发的浩瀚世界中，CSS 扮演着至关重要的角色。它赋予了网页生命与美感，但同时也常常让开发者们爱恨交织。从复杂的布局到炫酷的动画，CSS 的学习曲线和实践挑战无处不在。 今天，我们很高兴向大家介绍一个全新的前端样式探索与分享平台——CSS实验室！我们致力于为所...
阅读全文用 PostCSS 打造智能 Google Fonts 插件
2025年9月29日前端
在前端开发中，使用漂亮的字体可以极大地提升用户体验。Google Fonts 提供了海量的免费字体，但管理它们却可能成为一件麻烦事： 手动引入：每个新项目或新字体，你都得去 Google Fonts 官网生成 URL，再复制到代码中。 字重管理：不同字体支持的字重（font-weight）各不相...
阅读全文如何让AI给项目写智能体提示词
2025年9月13日杂谈
在AI编程，尤其是大语言模型（LLM）应用开发中非常核心的概念。 简单来说，智能体提示词（Agent Prompting） 指的是一套专门设计的指令和上下文信息，它被输入给一个大语言模型（如GPT-4），目的是将其“转化”或“激活”为一个能够...
阅读全文网站引入Google Fonts的实战经验分享
2025年9月2日前端
随便网站不断优化，对网站的字体也要求越来越高了。很多网站会使用自定义的字体，不再使用系统自带的字体，这样可以美化网站。 Google Fonts 在字体库这方面，谷歌有着十分强大的字体库，我们只需要打开 Google Fonts网站 就可以查看到非常多的字体，这里字体不但全，而且还很方便下...
阅读全文9月1日，开学季—学习是一辈子的事情，小半年总结
2025年9月1日杂谈
每年9月1号，大家号称，神兽回笼。 哈哈，可见家长对于放长假的小孩，是多么期待开学。 学习 小时候以为，学习只是在学校的事。 等工作后才发现，学习是一辈子的事情，特别是我们干IT行业的人来说，技术不断更新，只有不断学习才不会被社会淘汰。 人只有不断学习，才能在迷茫的日子中找回自我。 从实现中找到自...
阅读全文解决 Webhook 自动部署中 Git Pull 失败的全过程记录
2025年8月21日前端工程化
在搭建自动化部署环境时，我在 Linux 服务器上配置了 Webhook，期望在代码推送到仓库后自动执行 git pull 拉取最新代码。然而，Webhook 触发后始终无法成功拉取代码，手动执行却完全正常。 环境信息 服务器：Linux 服务器 Webhook 工具：基于宝塔面板或自定义 Webh...
阅读全文解决React项目中线上图片丢失问题
2025年8月19日前端
这是一个在前端项目中非常常见的问题。本地开发环境（通常是 npm run dev 或 yarn dev）和线上生产环境（npm run build 或 yarn build）对静态资源（如图片、字体等）的处理方式不同，这导致了路径差异。 问题根源 本地开发服务器 (Dev Server): 当你运...
阅读全文JavaScript 包管理器选择：npm、pnpm 和 Yarn
2025年8月18日前端工程化
在 JavaScript 生态系统中，包管理器是开发工作流中不可或缺的工具，它们负责管理项目依赖、安装、更新和删除软件包。目前最主流的三个包管理器是 npm、pnpm 和 Yarn。虽然它们都旨在解决相同的问题，但在性能、磁盘空间利用、安全性以及特性集方面存在显著差异。了解这些差异有助于您根据项目需...
阅读全文Docker 进阶篇
2025年8月12日Docker
在开发一个项目时，我们的服务不单单只是一个Next项目 ，可能还会有 数据库、nginx等等，所以这些服务都要一个个去管理容器的话，着实有点麻烦，所以Docker 提供了 Docker Compose 用于容器的管理，你只需要通过一个单独的 docker-compose.yml 文件就可...
阅读全文