雷阿呆

使用 Prisma 这个 ORM 删除记录时会遇到存在关联记录的情况。一般的做法是同时删除关联的记录，可以保证数据的完整、避免冗余数据。 本文介绍使用 Prisma 删除记...

React Router 是 React 应用中最常用的路由库之一，路由鉴权是确保应用安全性和数据保护的关键部分。本文将介绍如何使用 React Router 实现路由鉴权...

使用 CSS 实现打字机效果。实现打字机效果的关键是两个动画效果，文字出现的动画，和光标闪烁出现的动画。...

网页开发中有一些隐私数据不能明文展示或者存储，比如用户个人信息等。这个时候就需要对这些敏感信息进行加密解密处理，前端中比较常见使用到的是 crypto-js 这一加密库和 ...

React 提供了一系列 Hook 来帮助我们组织代码逻辑，如 useState, useEffect 等。 我们也可以实现一些自定义 Hook，将逻辑封装复用，让代码更加...

Next.js 使用本地自定义字体十分简单，只需要指定好字体文件的加载路径，然后通过 className 设置给需要自定义字体的元素即可。...

Monorepo 开发方式对比多个项目的开发方式已经有很多优秀的最佳实践和示例、配套的工具支持。本文介绍使用 Turborepo 管理 Monorepo 项目。...

本文介绍在 Next.js 项目中如何正确配置ESLint, Prettier, huskyt + lint-staged 和使用这些工具，帮助我们提升开发效率和团队内的统...

在团队协作开发的项目中，清晰的 Git 提交信息对于代码维护有很大的帮助。规范化的提交信息易于追踪更改，结合自动化工具可以自动生成版本更新差异文档。使用 commitlin...

目前大部分前端应用都是单页应用（SPA）的架构，前端部署后需要用户刷新才能获取新版本。 如果页面是懒加载的并且用户未访问过时，部署新版后，用户未刷新页面访问懒加载页面会因为...

页面中为一些元素加入适当的动画效果可以对带来非常不错的用户体验，本文介绍如何使用 Headless UI 的 Transition 组件实现简单的动画组件。...

Docker Init: 自动生成Dockerfile、docker-compose.yaml和.dockerignore 文件...

洗牌算法：从数组中随机获取指定数量的元素 项目中从数组中随机选择一些元素是一个常见的需求。本文中，我们将介绍一种流行的算法，即 Fisher-Yates 洗牌算法，它可以帮...

在日常开发中，经常会需要比较文件差异或者数据差异。可以使用 Linux/Unix 系统自带的 diff 命令快速比较文件差异。...

在具体开发中，前后端联调一直都是比较麻烦的事情，后端需要维护接口文档，前端需要根据接口文档编写网络请求代码和类型申明，接口变更时需要修改对应代码。 目前有不少工具都能简化这...

侧边栏是网站中的重要导航组件，尤其在后台系统中，提供了方便的菜单导航。本文介绍通过 Media Query 和 Drawer 组件配合，实现一个兼容移动端的响应式侧边栏。...

当我们使用 Docker 部署 Nginx 时，可能会遇到需要根据不同环境，配置不同端口或者反向代理地址的场景。那么 Docker 的环境变量是否能够传递给 Nginx 配...

国际化项目中处理时间时，可能会遇到需要处理时区的场景，比如切换不同时区，显示时区列表选择，获取时区对应的时间等场景。那么在浏览器中应该如何处理这些场景，获得时区名称的数据呢...

在开发和部署过程中，我们可能会遇到需要将 Docker 镜像从一个环境迁移到另一个环境的场景。比如上传镜像至内网服务器，备份和恢复镜像，与其他开发者共享镜像。Docker ...

本文介绍如何 Mock 接口请求，使得前端在无法调用后端服务的场景时也能简易方便快速的 Mock 接口调用和接口数据进行开发，并且无侵入修改代码。也可以使用在 Mock 特...