OXXD

头部导航栏几乎是每个网站必备的元素，可以提供快速的页面跳转和主要信息展示。本文介绍以 Next.js 框架，结合 Tailwind CSS, Headless UI 如何制...

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

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

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

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

在为项目国际化时，根据不同语言选择切换对应语言文案都已经有了成熟的解决方案。但是如果遇到需要根据不同语言展示不同国家名称时，需要如何处理呢？ 本文介绍这一场景的几种处理方案...

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

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

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

本文正在参加「金石计划」 背景介绍 在现代 Web 应用程序中，很多网站提供的内容非常丰富，所以一般提供站内搜索，比如最常用的 Google、百度等搜索网站。 当我们使用这...

助力性能优化，从0开始编写一个Vite打包产物分析插件工具,在你的Vite构建的项目里，执行打包命令后，能生成一个打包产物分析报告html页面...

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

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

Playwright 是近年新推出的 E2E 测试工具，相比 Cypress 的优势在于更加简单直观，提供 Codegen 生成测试代码等高效的工具简化测试流程。...

服务端渲染中使用模版引擎组织页面常见的操作，Handlebars 是 Node.js 生态中流行的模版引擎之一。除了在服务端渲染将模版转换成页面返回浏览器以外，Handle...

继上文分析了 react.dev 的目录结构及本地运行后，本文分析如何将 content 文件夹下的 Markdown 编写的内容转换成 HTML 渲染到页面上。...

React 团队发布了新的文档站点，通过分析 react.dev 的项目源码来学习使用 Next.js 搭建网站的方案。...

最近在使用 SSH 克隆 Github 项目时，发现无法克隆并且会报 RSA key 相关的错误。 本文介绍如何解决 Github 3月24日 更新 RSA SSH hos...

上一篇介绍了 Prisma 的入门使用，本篇介绍如何在已有数据库时，将 Prisma 加入已有数据库中。以 Postgres 数据库为例。...