理论篇:NPM是什么以及为什么NPM如此重要?
NPM,全称是NodePackageManager,NodeJS包管理工具当我们开始现代化前端项目开发时,总是会被告知需要提前安装NodeJS,而且NodeJS软件包不仅仅会在我们的开发设备上安装NodeJS运行环境,同时会附带NPM工具。对于前端开发者而言,NPM是一个极其重要的工具,至于什么是NPM,NPM能够做什么,NPM为什么极其重要等等问题,本文会通过通俗易懂的语言来完成解释。什么是
前端 · 阅读 2550 · 2023年12月21日 22:23

Tailwindcss 配置检查器 - 可视化查看tailwindcss config最终效果
tailwindcss框架为我们提供了大量默认的类和属性,而且开发者也能够自定义类和配置。对于初学者来说,这些配置其实是比较复杂的,这也是tailwindcss最大的入手成本,开发者的记忆负担和心智负担也都比较大。有没有办法能够直观的看到项目中实际有效的类和属性呢?工具NPM包tailwind-config-viewerhttps://npm.devtool.tech/tailwind-con
前端 · 阅读 4861 · 2023年5月21日 19:24

在Cypress中如何调用链式命令调用的结果属性 invoke
前端测试对于保证网站和应用的质量至关重要,而在自动化测试工具中,Cypress是当前前端开发者们非常青睐的一个框架。本文将介绍Cypress中一个强大的命令——invoke。invoke命令对前一条命令返回的结果进行调用方法。Cypressinvoke命令解决的问题在进行前端自动化测试时,我们经常会遇到一些需要调用对象的方法或获取对象属性的情况。比如,我们可能需要获取一个元素的文本内容,或者是触发
工程 · 阅读 1162 · 2024年4月10日 21:09

如何在 NestJS 中安全高效的管理 Config 配置
应用程序通常需要在多种环境中运行,比如本地开发环境、测试环境和生产环境。在不同的环境中,我们通常需要采用不同的配置设置。举个例子,本地环境可能需要一个特定的数据库凭据,而生产环境则使用另一组完全不同的数据库凭据。由于这些配置变量频繁地改变,因此最佳实践是将它们存在环境变量中。在Node.js中,外部定义的环境变量可以通过process.env全局变量来访问。一种可能的做法是在每个环境中设置不同的环
服务端 · 阅读 5200 · 2023年12月29日 22:14

一篇文章学会如何使用 NestJS 的五种 Provider 提供者
在构建复杂的后端应用中,如何有效地管理和彼此协作的各个部分,以及如何共享和复用功能已成为开发者们重要关注的问题。覆盖这些需求的一种技术就是NestJS中的Providers。这次,让我们一起深入探讨这个关键概念,解密Providers的奥秘,了解它们是如何提供和分配服务的。在这篇文章中,我们将学习五种主要的Provider类型:值提供者、类提供者、工厂提供者、异步工厂提供者和别名提供者,以及如何在
服务端 · 阅读 6739 · 2024年1月2日 21:48

TypeORM 如何设置索引@Index
在数据库系统中,索引是帮助快速检索数据的一种数据结构。对于使用TypeORM来管理数据库的开发者来说,了解如何在模型中设置索引非常重要。本教程将记录如何在TypeORM中设置索引。什么是索引?索引(Index)是数据库表中一种特殊的数据结构,它能够帮助我们更快地检索表中的数据。理解索引的概念可以想象一本书的目录,它能让你快速找到你想阅读的章节,而不是一页页地翻找。索引设置方式在TypeORM中
服务端 · 阅读 2520 · 2024年5月10日 01:00

TypeScript的类型推断与类型断言:深度解析与应用场景
在TypeScript开发过程中,类型推断(TypeInference)和类型断言(TypeAssertion)是两个重要且频繁使用的概念。本文将分别对这两个概念进行深入介绍,并通过实例讨论它们在实践中的应用。什么是类型推断类型推断是TypeScript根据变量或表达式的上下文信息自动推测出的类型。类型推断通常在初始化变量和成员,设置参数默认值,或者根据函数返回值时发生。比如这个例子:letx=3
前端 · 阅读 2975 · 2023年12月23日 19:18

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

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

TailwindCSS 如何设置 placeholder 的样式
前言placeholder在前端多用于input、textarea等任何输入或者文本区域的标签,它用户在用户输入内容之前显示一些提示。浏览器自带的placeholder样式可能不符合设计规范,此时就需要通过css进行样式美化。当项目中使用TailwindCSS处理样式时,应该如何通过TailwindCSS设置placeholder的样式呢?问题将input标签的placeholder样式设置成字体
前端 · 阅读 3998 · 2023年12月7日 00:10
