乐闻
一篇文章学会如何使用 NestJS 的 Guards 守卫实现系统身份验证和授权当我们基于NestJS框架构建和管理应用程序时，为了保障其安全性，我们常常需要对某些敏感操作或敏感信息的访问进行限制，这是我们需要使用到守卫的地方。它作为一种可以阻止未经授权的访问的机制，对我们的应用程序起到了守护的作用。在这篇文章中，我将深入剖析NestJS的守卫，以帮您全面了解这个概念。我会从解释其背后的工作机制开始，接着介绍使用守卫的各种场景，并以详细的示例来演示如何在NestJS项目中实现
客户端 · 阅读 10760 · 2024年1月1日 20:51
深入理解CSS的 overflow-anchor作为前端开发者，我们都需要与逐渐增长和更新的CSS特性库保持同步。其中一个相对较新且极度有用的特性是overflow-anchor。它彻底改变了我们处理无限滚动页面中用户的滚动体验的方式。本文将详细解析overflow-anchor的定义、作用以及使用方法。overflow-anchor的定义和作用首先我们需要理解overflow-anchor是什么。overflow-anchor是一个CSS属性
前端 · 阅读 2435 · 2022年4月2日 17:52
如何在 TailwindCSS 中使用 CSS 变量TailwindCSS作为一种功能类优先的CSS框架，其简洁和高度可定制的设计理念受到了前端开发者的广泛欢迎。CSS变量（也称为CSS自定义属性）是现代前端开发的一部分，能够带来更高的灵活性和维护性。那么，如果你想在TailwindCSS中利用CSS变量的强大功能，应该怎么做呢？以下是一份简明指南。什么是CSS变量？在深入了解如何在Tailwind中使用CSS变量之前，让我们快速地回顾一下CSS变
前端 · 阅读 8267 · 2024年2月28日 20:19
JS如何生成随机颜色，并基于React封装随机颜色选择器组件在标签功能中，由于有「背景色」属性，每次新增标签时都为选择哪种颜色犯难。因此，我们思考如何通过JS代码生成随机颜色，提取一个通用的随机颜色生成工具，并基于React框架封装随机颜色选择器组件。实际效果原理与思路作为前端开发人员，我们知道HTML接受RGB、HEX、HSL三种格式的颜色。虽然是不同的格式，但是它们的本质都是通过数字表达出颜色。因为RGB、HEX、HSL本身都是数字，那么通过生成
前端 · 阅读 4593 · 2023年6月21日 12:35
基于Scrcpy投屏Android设备屏幕到PC 详细教程Scrcpy是一个非常实用的开源软件，它允许你通过USB或无线网络将Android设备的屏幕投射到电脑上，并且能够实现实时的高性能显示与控制。无论是开发者进行应用测试，还是普通用户享受大屏游戏和视频，Scrcpy都是一个绝佳的工具。本教程将向你详细介绍如何设置和使用Scrcpy。实现步骤步骤1：确保满足基本条件在开始之前，你需要确保满足以下几个基本条件：Android设备运行Android5.0
前端 · 阅读 3944 · 2024年7月10日 00:48
提升 Git 技能：全面解析 HEAD 的功能与操作在使用Git进行版本控制时，HEAD是一个核心但常常被新手开发者忽视的重要概念。理解HEAD如何工作以及它在Git操作中的作用，对于任何希望精通Git的开发者来说都是至关重要的。本文旨在通过详细讲解，帮助你全面掌握HEAD的概念及其在实际场景中的应用。什么是HEAD？简单来说，HEAD是一个指针，它指向你当前所在的分支或具体的提交（commit）。在Git中，HEAD实际上是一个特殊的引用，存储在
运维 · 阅读 2841 · 2024年12月8日 13:26
iframe页面通信 - iframe 页面如何传递数据当我们的Web页面需要复用现有网站的页面时，我们通常会考虑代码层面的抽离引用，但是对于一些过于复杂的页面，通过iframe嵌套现有的网站页面也是一种不错的方式。虽然对于用户而言，看到的页面其实是一个整体，但是本质上是两个甚至多个页面的组装，那么页面跟页面之间的交互就避免不了相互通信。iframe 页面之间的通信主要是通过监听页面的全局 `message`事件，然后其他页面通过 `postMessa
前端 · 阅读 2539 · 2023年12月5日 09:51
【手写组件库之日历组件教程第二篇】基于React实现无限滚动的日历详细教程，附在线DEMO与源码最常见的日历大部分都是滚动去加载更多的月份，而不是让用户手动点击按钮切换日历月份。滚动加载的交互方式对于用户而言是更加丝滑和舒适的，没有明显的操作割裂感。那么现在需要做一个这样的无限滚动的日历，前端开发者应该如何去思考和代码实现呢？下面我会详细的介绍实现思路和步骤。在线演示DEMOhttps://calendar.levenx.com/#/scroll-calendar实现步骤渲染单个月日历如何对
前端 · 阅读 2646 · 2023年8月24日 22:32