当我们刚开始使用tailwindcss框架处理项目中的样式，我相信很多人会跟我一样非常不习惯。tailwindcss默认支持的rem单位，而不是我们已经非常习惯的px，这其实给我们带来了不小的心智负担。这篇文章将介绍如何在项目中使用px单位设置元素的属性。方案方案一tailwindcss默认支持灵活设置元素距离属性，比如给div加一个16px的内边距，在属性后通过[]来设置具体的px；

由于项目升级导致历史链接不在维护，但是历史页面链接因为各种方式(比如SEO搜素引擎收录，用户自行收藏等)被用户主动直接访问，面对这些问题，前端开发者是需要考虑将历史页面的访问引导到新的落地页面。本文介绍基于nextjs框架如何对历史页面链接进行重定向。方案一通过修改next config文件实现页面重定向，方案二通过修改getInitialProps方法逻辑进行重定向。

文本文字超长截断并自动补充省略号，这是前端日常开发工作中常用的样式设置能力，文字超长截断主要分为单行超长截断和多行超长截断。本文通过介绍基本CSS样式、tailwindcss类设置两种基础方式来实现文字超长截断。TailwindCSS设置单行文字超长截断tailwindcss多个基础类组装<divclass="overflow-ellipsisoverflow-hiddenwhitesp

动画是现代网页设计中不可或缺的一部分，它们可以指引用户的注意力，增加交互性，以及提升用户体验。TailwindCSS作为一个功能强大的工具类CSS框架，为我们添加和控制动画提供了一系列便捷的方式。本文将演示如何使用TailwindCSS来处理和激活网页动画，使你的网站看起来更加生动。TailwindCSS动画基础TailwindCSS中处理动画的核心是transition和animation实用类

前言由于需要考虑后端接口的性能问题，我们在请求业务数据列表的时候并不能直接请求全量数据。所以我们在请求数据时常见的方式是做分页查询。对于前端交互而言，我们需要考虑如何优雅的让用户触发请求下一页数据的接口。常用的方法有两种：1.提供显示的分页器，让用户自己手动点击下一页；2.业务滚动到某个阈值时自动触发下一页请求。对于移动端，滚动加载的交互是更加优雅的处理方式。对于滚动加载的能力，我们需要一个公共的

TypeORM是一个在TypeScript和JavaScript(ES7,ES6,ES5)中提供了许多开箱即用特性的ORM，它能够改善我们处理数据库操作的效率与可维护性。在复杂的应用开发过程中，数据间的关系处理显得尤其重要。今天我们将在NestJS中探索TypeORM的OneToMany（一对多）关系，这是一种常见且强大的数据模型关系。在建立应用程序时，我们通常需要处理大量的增删查改（CRUD）操

随着ReactHook的引入，React让函数组件拥有了和类组件相同的能力，而useImperativeHandle则是ReactHook中一个比较少见但在某些场景下非常有用的Hook。什么是useImperativeHandle?useImperativeHandle允许你在使用ref时自定义暴露给父组件的实例值。通常，父组件通过ref能够获取到子组件的DOM节点。然而，有时候你可能希望父组件可

应用程序通常需要在多种环境中运行，比如本地开发环境、测试环境和生产环境。在不同的环境中，我们通常需要采用不同的配置设置。举个例子，本地环境可能需要一个特定的数据库凭据，而生产环境则使用另一组完全不同的数据库凭据。由于这些配置变量频繁地改变，因此最佳实践是将它们存在环境变量中。在Node.js中，外部定义的环境变量可以通过process.env全局变量来访问。一种可能的做法是在每个环境中设置不同的环

在前端开发中，我们时常需要生成一个全局唯一标识（GUID/UUID），或者是一个简短而随机的字符串作为ID，用于数据库主键、元素标记或是其他需要唯一性的场合。传统上，我们可能会选择使用Math.random()搭配其他方法来实现这一需求，但这并不是最佳选择，因为它既不够安全，也不保证唯一性。这时候，nanoid就成为了一个极佳的选择。什么是nanoid？nanoid是一个小巧、安全、URL友好的唯

前言排序算法在编程中是最简单最基础的算法，同时快速排序和归并排序都是通过递归调用的方式进行排序的，对于递归而言，比较不好理解。记录一下快速排序和归并排序的Javascript代码实现以及两种算法的相同点与差异性。快速排序functionquickSort(arr){if(arr.length=1){returnarr;}constmid=Math.floor(arr.length/2);const