OXXD

本文介绍在使用 Turborepo 管理的 Monorepo 项目中如何共享代码。如何搭建和使用一个内部库...

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

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

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

Framer Motion 是一个强大的动画库，它提供了简单、强大和可扩展的 API用于创建各种类型的动画效果。 本文介绍Framer Motion 的基本使用和如何使用其...

搜索功能是网站中提供用户快速查找内容的重要功能，尤其在文档类型网站中几乎是必不可少的。本文介绍使用 FlexSearch 这个用于浏览器和服务器端（Node.js）高性能全...

这篇文章简单介绍了如何制作一个搜索组件的 UI，使用了Tailwind CSS + shadcn/ui...

在较长的页面中，使用 #id 可以快速跳转到指定 id 的段落是一个很常见的技巧。但是常见的页面一般都是由导航栏和正文组成，如果直接这样跳转可能会出现被导航栏遮挡的效果...

获取滚动距离是页面中常见的操作， 在原生 DOM 操作中一般是通过添加 scroll 事件监听可以获取到滚动位置，在 React 应用中，如何将这一部分逻辑封装成一个 ho...

使用 react-countup 组件实现数值滚动特效。基于CoumtI[.js 实现的 React 组件...

在 React 中，如果使用的是类组件可以通过 this.ref.current.state 直接获取绑定 ref 后子组件中的状态。但是函数组件无法这样直接获取子组件中的...

输入组件一般都是字符串类型，在一些场景中需要输入多行数据，比如网址、名称等，封装一个支持多行输入的组件可以方便快速创建数据。 本文介绍如何基于 input 输入框组件封装一...

cron 是最常见的类 Unix 系统下的基于时间的任务管理系统，在实现定时任务场景中较常使用。 本文介绍如何实现一个前端时间选择组件，其中绑定的值使用 cron 的时间格...

后台系统中使用模块较多时，一般都会通过一级菜单二级菜单来组织模块。一级菜单通常都是作为模块导航和入口，跳转到第一个二级菜单。 如果实现了权限控制之后，就需要根据当前用户拥有...

页面权限是后台系统中非常常见的需求，在前端实现页面权限和按钮权限是为了确保用户只能访问其有权访问的页面，并执行其有权执行的操作。本文介绍前端实现页面权限和按钮权限控制的流程...

使用 CSS 实现 Logo 阴影特效。介绍了如何使用 filter 属性将模糊的图形效果应用于元素。...

React 中父组件通过 ref 属性可以操作子组件中暴露的实际 DOM 元素或者暴露的自定义函数。本文介绍如何使用 forwardRef 这一 API 实现父组件获取和操...