OXXD

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

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

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

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

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

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

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

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

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