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

如何在NestJS中集成Swagger
NestJS是一个高效且适用于构建服务器端应用程序的框架,它基于Node.js并且被设计为灵活和可伸缩。Swagger,现在更多被称为OpenAPI,是一个规范和完整的框架,用于生成、描述、调用和可视化RESTful风格的Web服务。集成Swagger到NestJS可以大大提高你的API的文档质量,并提供一个交互式的用户界面,供开发人员和最终用户使用。本文将详细介绍如何在NestJS项目中集成Sw
服务端 · 阅读 2251 · 2024年1月12日 23:26

如何在 React 中加载本地 Icon 资源
React作为一个构建用户界面的JavaScript库,提供了便捷的方式去实现复杂的功能。其中加载本地Icon资源也是一个常用的需求。在这篇文章中,我们会通过一个简单的例子来展示如何在React项目中加载本地的Icon资源。准备Icon资源首先,你需要有一些Icon资源。通常这些资源是以.svg、.png、.jpg等格式存在。为了本教程的需要,我们假设你已经有了一些SVG格式的Icon,并且它们存
前端 · 阅读 1835 · 2024年2月24日 01:35

React 内置 Hook 之 useReducer 优雅管理状态
在开发React应用程序时,状态管理一直是一个需我们重点关注的主题。而在React16.8的版本中,新引入的HooksAPI使得我们可以更加方便的在函数式组件中使用状态和其他React特性而无需写class。本文就详细的为你介绍一个非常强大的Hook:useReducer,它为复杂状态的管理提供了出色的解决方案。什么是useReduceruseReducer就如同它的名字暗示的那样,它是一个允许你
前端 · 阅读 3412 · 2021年12月24日 11:17

iframe页面通信 - iframe 页面如何传递数据
当我们的Web页面需要复用现有网站的页面时,我们通常会考虑代码层面的抽离引用,但是对于一些过于复杂的页面,通过iframe嵌套现有的网站页面也是一种不错的方式。虽然对于用户而言,看到的页面其实是一个整体,但是本质上是两个甚至多个页面的组装,那么页面跟页面之间的交互就避免不了相互通信。iframe 页面之间的通信主要是通过监听页面的全局 `message`事件,然后其他页面通过 `postMessa
前端 · 阅读 1882 · 2023年12月5日 09:51

dayjs/moment.js 如何判断用户生日是不是在30天内?
要使用dayjs判断用户的生日是否在未来30天内,你可以使用以下步骤:安装dayjs以及isSameOrBefore插件。导入dayjs和插件。定义函数来判断用户生日是否在未来30天内。这里有一个示例代码来演示这个过程://1.安装dayjs和插件//npminstalldayjs//npminstalldayjs-plugin-isSameOrBefore//2.导入dayjs和插件constd
前端 · 阅读 1454 · 2024年8月28日 00:17

「自己动手丰衣足食」搭建React脚手架
前言刚开始学习React的朋友基本都是从Facebook官方提供create-react-app脚手架开始,别人的脚手架开箱即用固然爽,但是有的时候想要进行一些功能的拓展(集成less等)就需要去百度谷歌。因为脚手架把整个项目的编译构建过程高度集成了,我们想通过脚手架生成的代码学习项目工程化,刚开始肯定是大难度的。伟人曾道:自己动手,丰衣足食。为了更深层次的去学习react,去尝试理解react项
前端 · 阅读 1958 · 2022年6月18日 11:51

React状态管理 - Redux&React-redux使用详解教程
React状态管理 - Redux&React-redux使用详解教程。一、组件间传值方案(组件间通信)了解React的朋友应该都知道React是状态数据驱动的框架。React组件组件之间传值有很多种情况,但是组件之间传值只有通过props,context,回调函数来实现(不借助外部类库)。父组件传值给自组件(props属性)自组件传值给父组件(回调函数)兄弟组件传值(需要传递的值传给共有的父组件
前端 · 阅读 3805 · 2023年7月2日 12:08

一篇文章学会 NestJS 中间件的使用,让你的应用更灵活和可扩展
当我们基于NestJS框架构建和管理应用程序时,常常需要在特定的阶段执行一些额外的操作,例如在接收请求时进行身份验证,或在发送响应之前添加一些自定义的HTTP头。这就是我们需要理解和使用NestJS中间件的原因——它就像一道门,所有的请求必须要过这道门,而我们可以在门上挂上各种“魔法”,使得我们的应用程序更强大、更容易管理。什么是NestJS中间件NestJS中间件实际上就是一个函数,这个函数可以
前端 · 阅读 8765 · 2024年1月1日 20:13

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

