前端阅读 82402023年5月21日 19:24Tailwindcss 配置检查器 - 可视化查看tailwindcss config最终效果tailwindcss框架为我们提供了大量默认的类和属性,而且开发者也能够自定义类和配置。对于初学者来说,这些配置其实是比较复杂的,这也是tailwindcss最大的入手成本,开发者的记忆负担和心智负担也都比较大。有没有办法能够直观的看到项目中实际有效的类和属性呢?工具NPM包tailwind-config-viewerhttps://npm.devtool.tech/tailwind-conCSS前端Tailwind CSS
客户端阅读 134992024年1月1日 20:51一篇文章学会如何使用 NestJS 的 Guards 守卫实现系统身份验证和授权当我们基于NestJS框架构建和管理应用程序时,为了保障其安全性,我们常常需要对某些敏感操作或敏感信息的访问进行限制,这是我们需要使用到守卫的地方。它作为一种可以阻止未经授权的访问的机制,对我们的应用程序起到了守护的作用。在这篇文章中,我将深入剖析NestJS的守卫,以帮您全面了解这个概念。我会从解释其背后的工作机制开始,接着介绍使用守卫的各种场景,并以详细的示例来演示如何在NestJS项目中实现NestJS
服务端阅读 97072023年12月29日 22:14如何在 NestJS 中安全高效的管理 Config 配置应用程序通常需要在多种环境中运行,比如本地开发环境、测试环境和生产环境。在不同的环境中,我们通常需要采用不同的配置设置。举个例子,本地环境可能需要一个特定的数据库凭据,而生产环境则使用另一组完全不同的数据库凭据。由于这些配置变量频繁地改变,因此最佳实践是将它们存在环境变量中。在Node.js中,外部定义的环境变量可以通过process.env全局变量来访问。一种可能的做法是在每个环境中设置不同的环NestJS
前端阅读 63232023年12月23日 19:18TypeScript的类型推断与类型断言:深度解析与应用场景在TypeScript开发过程中,类型推断(TypeInference)和类型断言(TypeAssertion)是两个重要且频繁使用的概念。本文将分别对这两个概念进行深入介绍,并通过实例讨论它们在实践中的应用。什么是类型推断类型推断是TypeScript根据变量或表达式的上下文信息自动推测出的类型。类型推断通常在初始化变量和成员,设置参数默认值,或者根据函数返回值时发生。比如这个例子:letx=3TypeScript
前端阅读 60622023年7月2日 12:59Redux进阶 - Redux中间件使用(redux-thunk,redux-logger)在Redux中,中间件是对dispatch函数进行扩展的一种方式,用来处理action和store之间的通信和交互。中间件的作用可以分为两类:一类是应用领域逻辑相关的中间件,一类是通用的、与应用领域逻辑无关的中间件。Redux需要中间件的原因是:通过中间件可以实现action和store之间的断点,方便地对action进行拦截和处理,在action到达reducer之前,执行某些额外操作(如日ReactRedux
服务端阅读 67142023年12月21日 22:12NestJS 基于 Passort 和 JWT Token 实现接口的权限管理如果你不希望其他人可以随意进出你的房子,那么你需要给你的房子上个锁。开发一个接口很容易,开发一个具有安全性的接口却不容易。成熟的后端服务项目最注重的一点就是如何保护系统的数据安全,不能让用户无脑的访问操作所有的数据,这是不合理更是极度危险的行为。NestJS作为企业级后端开发框架,自然会提供一套权限校验的方案,本文基于NestJS的passort方案,结合jwttoken完成对系统服务的保护。NestJS
前端阅读 44732024年7月17日 10:00如何使用 Scrcpy 从手机传输文件至电脑Scrcpy是一个非常有用的开源工具,它允许用户通过USB或Wi-Fi连接在电脑上控制和显示Android设备的屏幕。除了远程控制手机外,Scrcpy也可以用来从手机传输文件到电脑。以下是你可以遵循的步骤,轻松实现文件传输。1.通过分享面板实现步骤一、安装Scrcpy首先,你需要在你的电脑上安装Scrcpy。Scrcpy可以在多种操作系统上运行,包括Windows、macOS和Linux。WinScrcpy
前端阅读 846月6日 22:32AI Agent 实战教程 16:构建 Agent 驱动的 RAG 问答系统从文档切分、Embedding、检索工具、rerank、引用约束和 Agent 决策角度构建 Agentic RAG。AI AgentRAGEmbedding
前端阅读 52502024年4月22日 00:29React 如何使用 Recoil 管理接口请求的数据Recoil旨在帮助React应用更高效地处理共享状态,在许多现代应用中,与后端的接口请求是不可或缺的一环,因此如何在使用Recoil时优雅地进行接口请求就显得尤为重要。本文将介绍如何在React应用中使用Recoil实现接口请求,并讨论请求的重复性问题。Recoil的核心在深入了解如何利用Recoil进行接口请求之前,先简要介绍Recoil的两个核心概念:atom和selector。Atom:ReactRecoil
前端阅读 25952024年5月26日 13:21前端如何利用依赖倒置原则前端如何利用依赖倒置原则设计模式依赖倒置原则(DependencyInversionPrinciple,简称DIP)是面向对象设计中的一项重要原则,强调的是一种松耦合的设计方式,使得软件模块之间的耦合度降低,从而提高系统的稳定性和可扩展性。在前端开发中,依赖倒置原则同样适用,并可以大大提高前端项目的可维护性和灵活性。理解依赖倒置原则本质上就是要明白“高层模块不应依赖于低层模块,二者都应依赖于抽象设计模式前端