Posts

使用 Turborepo 管理的 Monorepo 项目中如何共享代码

使用 Turborepo 管理 Monorepo 项目

Next.js 如何使用本地自定义字体

使用 Framer Motion 实现滚动动画

使用 FlexSearch 实现本地全文搜索

制作一个搜索弹窗组件（Tailwind CSS + shadcn/ui）

如何解决使用 id 跳转页面标题时存在固定头部导航遮盖

如何实现获取窗口滚动距离的 React Hook

使用 react-countup 组件实现数值滚动特效

使用 React 实现多行输入组件

使用 React 实现 cron 时间选择组件

如何实现权限控制时一级菜单跳转有权限的任意二级菜单

如何实现前端页面权限和按钮权限

使用 CSS 实现 Logo 阴影特效

如何实现 React Router 的路由鉴权

使用 CSS 实现打字机效果

使用 crypto-js 进行加密和解密

如何实现 React 自定义 Hook

使用 Headless UI 的 Transition 组件实现简单动画组件

如何解决单页应用部署新版后，用户未刷新页面访问懒加载页面无法获取旧版资源文件报错

使用 commitlint 规范和校验 Git 提交

如何给 Next.js 项目配置代码格式化和校验（ESLint + Prettier + husky）

使用 patch-package 为 npm 依赖打补丁

使用 next-themes 两行代码为 Next.js 项目添加暗黑模式

制作一个响应式头部导航栏（Tailwind CSS + Headless UI）

如何 Mock 接口请求

Docker 导出导入镜像

浏览器中如何获取时区名称

使用 Docker 部署 Nginx 时如何设置环境变量

如何格式化国家名称

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

制作一个兼容移动端的响应式侧边栏

根据 Swagger 文档生成前端网络请求代码和 Typescript 类型申明

洗牌算法：从数组中随机获取指定数量的元素

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

很多框架都带有脚手架工具，帮助初始化项目，可以快速开始开发。`Docker` 在最近的更新上也引入了 `docker init` 命令，帮忙生成 `Dockerfile`、`.dockerignore`、`docker-compose.yaml`，帮助项目快速接入 `Docker`. 本文简单探索这个工具的使用。Read More →

使用 Playwright 生成测试代码

Handlebars 模版预编译与使用

项目源码分析 react.dev（二）：Markdown 转换成 HTML

项目源码分析 react.dev（一）：目录结构及本地运行

如何解决 Github 3月24日 更新 RSA SSH host key 之后无法克隆项目

如何将 Prisma 加入已有数据库中

使用 Prisma 删除关联记录

类型安全的 ORM 工具 Prisma 入门尝试

如何调试/抓包 Node.js 项目网络请求

Web 下一代免密登录技术 Passkeys 介绍

使用 cypress 自动化测试（一）：安装

开发完成后都需要对项目进行测试，除了人工根据测试用例测试外，我们也可以使用一些自动化测试工具来完成测试任务，可以解放人工，也可以自动化、重复执行。本文介绍该类工具中 cypress 的安装Read More →

使用 zx 编写脚本快速完成任务

快速部署前端项目的几种方式

本文介绍一些常见的快速部署前端项目的几种方式（或者说是服务），提供部署服务、二级域名、自定义域名、部署预览、CI/CD 等功能，适用于部署简单官网、个人网站、文档站点等不和后端结合的场景。Read More →

Web 开发本地环境如何配置 HTTPS

如何解决 npm 安装依赖报错 ERESOLVE unable to resolve dependency tree

如何解决数组排序 Array.sort 遇到 undefined 字段排序无效

如何在 Nuxt 中获取 Vue Router 的 meta

React 通过 CSS Variables 实现暗黑模式

process.env.HOSTNAME 与环境变量文件中设置的值不一致问题排查

给 Web 开发者看的 macOs 新机设置指南

安装 Homebrew, Oh My Zsh, nvm, Node.js 以及一些常用软件和基础配置Read More →

在微信小程序中通过 npm 引入 ECharts

前端异常监控 Sentry 的搭建

项目上线之后，线上问题尤其是线上报错导致的页面无法正常渲染是非常严重的问题。一个异常监控服务可以及时报警通知、提供有效信息和报错堆栈等排查问题。调研了部分异常监控服务以及自研成本之后，决定选择自行搭建 Sentry 这款异常监控服务。Sentry 提供 SaaS 服务也提供自行搭建部署，并且搭建部署也是非常简单方便，在功能使用上面也非常全面易用、支持多平台。Read More →

使用新浪云部署 Node.js 项目

这是一个使用新浪云部署 Node.js 项目的实践，主要目的是为了总结一些自己部署的经验和遇到的坑，希望有参考价值。Read More →

使用 AWS 部署 Node.js 项目

这是一篇最近尝试使用 AWS 的 12 个月免费额度以内的 EC2 部署 Node.js 项目的实践Read More →