text-overflow:ellipsis;是一种CSS属性,主要用于处理单行或者多行文本内容超出其显示区域时的情况。当文本内容过长，超出其容器布局的宽度时，我们通常不希望文本直接溢出显示，而是希望通过更优雅的方式来处理。这时我们就可以使用text-overflow:ellipsis;这个属性来让溢出的文本显示为"…”。具体如何使用呢？CSS代码如下：.my-element{white-spac

Golang定时器允许我们在将来的某个时间点执行一次或定期执行代码，这在编写需要调度任务或者实现某些定时操作的程序时非常有用。Golang的标准库time提供了强大的定时器和计时器功能。本文将详细介绍如何在Golang中使用定时器。实现方式一、单次定时器如果只想在将来的某个时间点执行一次任务，可以使用time.AfterFunc函数或者time.NewTimer方法。使用time.AfterFun

在Redux中，中间件是对dispatch函数进行扩展的一种方式，用来处理action和store之间的通信和交互。中间件的作用可以分为两类：一类是应用领域逻辑相关的中间件，一类是通用的、与应用领域逻辑无关的中间件。Redux需要中间件的原因是：通过中间件可以实现action和store之间的断点，方便地对action进行拦截和处理，在action到达reducer之前，执行某些额外操作（如日

TypeScript为了开发者提供了基础数据类型，同时也允许开发者使用interface、type等指令自定义复杂结构类型。与编程变量类似，开发者不能无节制的新增类型，类型的整体集中管理是降低维护成本的重要手段。对于更多复杂的类型，开发者可以基于基础类型进行衍生，TypeScript提供了丰富的内置的工具类型，例如本文将会介绍的Omit 和 Exclude。基于这些工具类型

在软件开发的世界里，微服务架构是一个经常被提及的概念。但它到底是什么意思呢？为什么现在这么多团队和公司选择使用微服务？而NestJS又是如何帮助开发者构建微服务的？什么是微服务想象一下，你想建一座大厦。你可以选择由一间强大的公司全权负责，从地基到尖塔的每一部分；另一种方法是，你选择多间专业的小公司，一家负责电梯，一家负责供电系统等等。每间公司都是建筑部分的专家，并负责自己区域内的一切。微服务就是采

伪类可以独立于文档的元素来分配样式，且可以分配给任何元素，逻辑上和功能上类类似，但是其是预定义的、不存在于文档树中且表达方式也不同，所以叫伪类。伪类选择元素基于的是当前元素处于的状态，或者说元素当前所具有的特性，而不是元素的id、class、属性等静态的标志。由于状态是动态变化的，所以一个元素达到一个特定状态时，它可能得到一个伪类的样式；当状态改变时，它又会失去这个样式。由此可以看出，它的功能和c

Recoil旨在帮助React应用更高效地处理共享状态，在许多现代应用中，与后端的接口请求是不可或缺的一环，因此如何在使用Recoil时优雅地进行接口请求就显得尤为重要。本文将介绍如何在React应用中使用Recoil实现接口请求，并讨论请求的重复性问题。Recoil的核心在深入了解如何利用Recoil进行接口请求之前，先简要介绍Recoil的两个核心概念：atom和selector。Atom:

在构建一个面向全球受众的现代网络应用程序时，提供多语言支持变得至关重要。Next.js作为一个功能丰富的React框架，它支持国际化（i18n）的功能，让开发者能够轻松地创建多语言网站。在这篇教程中，我将指导你如何使用Next.js和i18n实现网站翻译。实现步骤一、安装依赖Next.js支持多种国际化库。对于本教程，我们将使用next-i18next，这是一个为Next.js项目优化的i18n库

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

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

如果你不希望其他人可以随意进出你的房子，那么你需要给你的房子上个锁。开发一个接口很容易，开发一个具有安全性的接口却不容易。成熟的后端服务项目最注重的一点就是如何保护系统的数据安全，不能让用户无脑的访问操作所有的数据，这是不合理更是极度危险的行为。NestJS作为企业级后端开发框架，自然会提供一套权限校验的方案，本文基于NestJS的passort方案，结合jwttoken完成对系统服务的保护。

API网关是现代微服务架构中的重要组件，它可以统一多个服务的入口，提供请求路由、身份验证、负载均衡等功能。在本教程中，我们将探索如何使用NestJS实现一个简单的API网关。为什么选择NestJS作为API网关?NestJS提供了一个层次化的模块系统，非常适合构建可维护的API网关。它支持TypeScript，默认集成了Express.js（可以切换成Fastify），并提供了大量的模块和中间件来

服务端消息推送SSE是常用的服务器消息通信手段，适用于服务器主动给客户端发送消息的场景，例如私信通知，扫描登录等都可以使用SSE实现。SSE的底层原理是客户端与服务端建立HTTP长链接。Nestjs框架内置了对SSE的支持，本文详细介绍Nestjs服务端推送服务的实战步骤。使用步骤一、创建SSE接口服务跟普通的HTTP方法相同，在@nestjs/common中引入@Sse装饰器，在处理服务器推送的

插件机制是目前非常流行的拓展能力的设计方式，Koa框架是基于插件机制封装出来的一个Node HTTP框架，我将简单记录一下Koa的插件机制以及丰富的插件。

最近项目有个新需求，需要把用户的头像水平排列并且重叠。本来以为挺麻烦的，刚开始还想着要用JS去计算每一个头像需要位移的距离。其实这个需求只需要一行代码就能搞定。最终的效果图如下：效果图实现方案首先定义HTML代码结构importReactfrom"react";import"./index.less";constavatars=["<https://upload.jianshu.io/u

对于服务端项目而言，对外如何提供合格规范的HTTP接口，对内如何优雅的操作数据存储，比如mysql、mongodb。本文是NestJS服务端开发的基础入门教程，我会根据成熟的解决方案，给大家详细介绍如何基于NestJS实现开发RESTfulAPI，其中基于TypeORM操作mysql数据的增删改查。希望通过阅读完这篇文章后零基础的朋友也能够完成简单的服务端项目开发。准备工作1.安装依赖为了方便对m

TailwindCSS作为一种功能类优先的CSS框架，其简洁和高度可定制的设计理念受到了前端开发者的广泛欢迎。CSS变量（也称为CSS自定义属性）是现代前端开发的一部分，能够带来更高的灵活性和维护性。那么，如果你想在TailwindCSS中利用CSS变量的强大功能，应该怎么做呢？以下是一份简明指南。什么是CSS变量？在深入了解如何在Tailwind中使用CSS变量之前，让我们快速地回顾一下CSS变

拖拽排序功能在现代的网页应用中非常常见，它提供了一种直观、灵活的方式来让用户自定义内容的顺序。ReactDnd是基于HTML5的拖放API构建的，它能够让你轻松地在React应用中添加拖拽功能。本文介绍如何利用ReactDnd（DragandDrop）这个强大的库来实现一个简易的列表拖拽排序功能。实现步骤一、安装ReactDnd首先，我们需要在项目中安装ReactDnd及其HTML5后端库：np

Koa快速搭建Web服务创建项目文件夹，并系统终端切到文件夹npminit-ynpminstallkoa写一个最简单的web项目```javascript//引入koaconstKoa=require('koa');//初始化一个koa实例constapp=newKoa();//处理接口请求app.use(async(ctx,next)={ctx.body='levenx`sworld'})app

TailwindCSS是一个功能类优先的CSS框架，它允许开发者通过组合不同的工具类来快速构建自定义的用户界面。设置全局字体及给特定元素设置字体是前端开发中的常见需求，TailwindCSS为这一需求提供了简单有效的解决方案。接下来，我们将一步步地探讨如何在TailwindCSS中实现字体设置。字体文件引入一旦选择了字体，你需要将它们添加到你的项目中。这里有两种常见的方法：使用在线字体服务或自托管

Tailwind CSS 是一个流行的 CSS 工具库，它提供了一系列预定义的 CSS 类，可以帮助您轻松地创建漂亮的用户界面。本教程将帮助您深入了解 Tailwind CSS 的高级功能和技术，以帮助您更好地利用这个强大的工具库。 在本教程中，您将学习到： 如何使用 Tailwind CSS 的主题和变量来自定义外观和样式； 如何在 Tailwind CSS 中配置和使用插件来扩展其功能； 如何在 Tailwind CSS 中使用 JS 钩子和样式函数来创建动态样式； 如何在 Tailwind CSS 中创建响应式布局和样式； 如何在 Tailwind CSS 中使用 PurgeCSS 来优化和精简 CSS。 本教程适合那些已经有一定 Tailwind CSS 开发经验，并想要深入了解其高级功能和技术的开发人员。无论您是初学者还是有一定经验的 Tailwind CSS 开发人员，本教程都将为您提供宝贵的学习资源和实践经验。 让我们开始您的 Tailwind CSS 进阶之旅吧！

TypeORM 是一个流行的 TypeScript ORM（对象关系映射）库，它可以帮助您轻松地将 TypeScript 类映射到关系型数据库表。本教程将帮助您深入了解 TypeORM 的高级功能和技术，以帮助您更好地利用这个强大的库。 在本教程中，您将学习到： 如何使用 TypeORM 中的高级查询和过滤功能来查询和操作数据库； 如何使用 TypeORM 中的实体继承和关系映射来创建复杂的数据模型； 如何使用 TypeORM 中的迁移和数据填充来管理数据库模式和数据； 如何在 TypeORM 中使用存储过程和触发器来扩展数据库功能； 如何在 TypeORM 中使用多数据库和分布式事务来管理复杂的应用程序。 本教程适合那些已经有一定 TypeORM 开发经验，并想要深入了解其高级功能和技术的开发人员。无论您是初学者还是有一定经验的 TypeORM 开发人员，本教程都将为您提供宝贵的学习资源和实践经验。 让我们开始您的 TypeORM 进阶之旅吧！

随着组件化开发成为前端开发的主流，拥有一套定制化的React组件库变得极其重要。本系列教程将指导你如何设计、开发和维护一个React组件库，不仅满足项目需求，而且易于共享和复用。我们将从React组件的基础知识开始，逐步讲解如何构建可复用组件、如何管理组件状态和生命周期、以及如何通过Prop Types和TypeScript进行类型检查。此外，你还将学习到如何利用Storybook来展示组件、使用Jest和Enzyme进行单元测试，以及如何将你的组件库发布到npm。 通过本系列教程的学习，你将获得创建自己React组件库的全部技能，为你的开发工作带来前所未有的效率和乐趣。

在本教程中，我们将逐步探索Mongoose——一个在Node.js环境下与MongoDB数据库协同工作的强大库。从基本概念的铺垫到实用技巧的深度剖析，本系列覆盖了Schema设计、数据类型定义、模型创建、查询优化、插件扩展等核心主题。你将学习如何利用Mongoose的Schema来定义数据结构，实现数据验证和类型转换，以及如何通过模型进行数据的增删改查操作。 此外，教程将深入Mongoose的高级特性，包括但不限于索引管理、聚合框架、事务处理和数据迁移。我们将通过丰富的示例和练习，教你如何运用Mongoose来处理复杂查询、关联数据以及性能调优。 随后，本系列教程将深入讨论更高级的特性，如中间件（pre和post hooks）、数据校验、虚拟属性和实例方法，以及如何使用聚合管道进行复杂查询。此外，我们将详细介绍如何处理关系型数据，在Mongoose中实现文档的嵌入和引用，以及如何优雅地处理这些关系。 为了将理论与实践相结合，每一部分内容都包含了逐步的代码示例和实战小项目，帮助你更好地理解和运用Mongoose的功能。我们还会讨论性能调优、错误处理和最佳实践，以确保你能够构建既健壮又高效的Node.js应用。

CSS 是一种用于描述文档样式和布局的样式表语言，它是 Web 开发中不可或缺的一部分。本教程将帮助您从零开始学习 CSS，了解其基本概念和语法，并逐步深入学习其高级特性和实践技巧。 在本教程中，您将学习到： CSS 基础知识，如选择器、盒模型、布局等； CSS 颜色、字体、背景和边框等样式属性的使用； CSS 媒体查询和响应式设计的实现； CSS 动画和过渡的实现技巧； CSS 预处理器，如 Sass、Less 的使用； CSS 框架，如 Bootstrap、Tailwind CSS 的使用。 本教程适合那些想要从零开始学习 CSS 的初学者。无论您是 Web 开发新手还是有一定经验的开发人员，本教程都将为您提供宝贵的学习资源和实践经验。 让我们开始您的 CSS 入门之旅吧！

React 是一个流行的 JavaScript 库，用于构建大规模、高性能的 Web 应用程序。本教程将帮助您从 React 的基础知识入门开始，逐步深入掌握 React 的高级概念和技术，以成为一名优秀的 React 开发人员。 在本教程中，您将学习到： React 的基础概念和核心原则，如组件、Props、State、生命周期等； 如何使用 JSX 语法编写 React 组件和模板； 如何使用 React 的事件处理、表单处理、样式管理等功能； 如何使用 React Router 实现单页应用程序； 如何使用 Redux 进行状态管理和数据流控制； 如何使用 React 的高级技术，如 Hooks、Context、Portal 等。 本教程适合那些已经有一定 JavaScript 编程经验，并希望进一步学习 React 技术的开发人员。无论您是初学者还是有一定经验的 React 开发人员，本教程都将为您提供宝贵的学习资源和实践经验。 让我们开始您的 React 之旅吧！

React 国际化是指将应用程序适配到不同的语言和地区的过程。在全球化时代，为您的应用程序提供多语言支持将为您的用户提供更好的用户体验，并帮助您扩大全球市场。本教程将帮助您学习如何在 React 应用程序中实现国际化。 在本教程中，您将学习到： React 国际化的基本概念和原则； 如何使用 React Intl 库来实现国际化； 如何在 React 中处理多语言文本、日期、时间和货币等； 如何在 React 中实现动态文本替换； 如何在 React 中切换不同的语言版本； 如何测试和调试国际化应用程序。 本教程适合那些已经有一定 React 开发经验，并想要扩展其应用程序的全球化能力的开发人员。通过本教程，您将学习如何使用 React Intl 库和其他现有工具来实现国际化，从而为您的应用程序提供更广泛的用户群和更好的用户体验。 让我们开始您的 React 国际化之旅吧！

这是一套全面的Node.js学习指南，覆盖了从基础知识到高级应用的全部必备技能。本教程系列将带领你进入Node.js的世界，一个强大而灵活的JavaScript运行时环境，它让JavaScript不仅仅能在浏览器中运行。你将了解到如何设置Node.js环境、利用npm管理包，以及如何构建第一个应用程序。随着课程的深入，我们会探讨异步编程模型、中间件、RESTful API设计、数据库集成、安全性、测试以及性能优化等进阶主题。 无论你是初学者还是有志于成为全栈开发者，本教程都将为你提供一个扎实的Node.js学习基础和实践路径。

在这个全面的NestJS最佳实践手册中，我们将一起探索如何使用NestJS这个强大的Node.js框架来构建可维护、可扩展的企业级应用。从NestJS的基本概念和架构出发，到深入了解其依赖注入、模块化和微服务等核心功能，本手册将为你提供一系列的专业指导和实用技巧。 我们将讨论如何有效地利用TypeScript的强类型能力，如何整合ORM以实现数据库操作，以及如何应用中间件、守卫、过滤器和拦截器来增强应用的安全性和性能。 通过实际案例和模式分析，这本手册不仅会教你如何编写代码，更重要的是教你如何思考NestJS应用的设计和结构，让你成为在现代后端开发领域中的专家。

在这个系列教程中，您将踏上一段探索 Next.js 的精彩旅程。Next.js 是一款基于 Node.js 和 React 的现代化框架，专为构建快速、静态生成和服务器端渲染的Web应用而设计。无论您是前端新手还是经验丰富的开发者，本教程都将以步骤分解的方式带领您从基础概念到高级功能，全面了解 Next.js 的核心特性。 我们将从 Next.js 的安装和基本配置开始，逐步深入到路由、状态管理、构建优化以及部署策略。通过实际案例，您将学会如何利用 Next.js 提升开发效率，提高应用性能，并构建出具有优秀SEO表现和用户体验的Web应用。 随着本系列教程的深入，您将掌握 Next.js 最佳实践，与此同时，我们还将涵盖如何整合RESTful API和GraphQL、使用静态站点生成(SSG)与服务器端渲染(SSR)的先进技术，以及如何借助 Vercel 等平台，实现无缝的生产部署。 让我们一起开启这次学习之旅，探索 Next.js 带来的无限可能，为您的前端技能树添上一笔重要的一笔。