服务端阅读 64932023年12月21日 22:12NestJS 基于 Passort 和 JWT Token 实现接口的权限管理如果你不希望其他人可以随意进出你的房子,那么你需要给你的房子上个锁。开发一个接口很容易,开发一个具有安全性的接口却不容易。成熟的后端服务项目最注重的一点就是如何保护系统的数据安全,不能让用户无脑的访问操作所有的数据,这是不合理更是极度危险的行为。NestJS作为企业级后端开发框架,自然会提供一套权限校验的方案,本文基于NestJS的passort方案,结合jwttoken完成对系统服务的保护。NestJS
前端阅读 26462024年5月26日 13:09前端开发中如何使用迪米特法则(最少知道原则)你现在是顶级前端大师和顶级互联网营销大师,你对各种技术都有自己的见解和分析,对前端技术的变化趋势很敏感,你会通过通俗易懂的方式给别人讲解前端知识,并且能够写出让别人喜欢的文章教程,不需要初始化相关的内容,尽量将重要的内容,现在需要你根据下面的主题写一篇教程文章,主题是:前端如何利用迪米特法则设计模式,#前端开发中运用迪米特法则(最少知道原则)来设计模式在前端开发中,设计模式是用来解决常见问题的经设计模式前端
服务端阅读 14292024年4月11日 23:27Koa.js 如何处理 CORS 跨域问题在现代的web开发中,CORS(Cross-OriginResourceSharing,跨源资源共享)是一个常见的问题。由于浏览器的同源策略限制,当我们尝试进行跨域请求时,例如从http://domain-a.com向http://domain-b.com发送AJAX请求,浏览器会拦截这些请求。幸运的是,Koa这样的现代框架提供了优雅的解决方案。在本教程中,我们将通过简单易懂的方式来掌握如何在KoKoa
服务端阅读 48972024年4月21日 18:36Mongoose 如何使用 in 进行数据搜索在Mongoose中,可以使用in操作符来查找字段值是否在指定的数组中。in通常用于构造查询,以便在字段中查找多个可能的值。以下是如何在Mongoose中使用in操作符的示例。操作MongoDB首先,确保你已经安装并导入了Mongoose,然后连接到了MongoDB数据库。constmongoose=require('mongoose');mongoose.connect('mongodb://Mongoose
前端阅读 99852024年2月24日 01:47精通CSS动画:基于 TailwindCSS 轻松添加动画效果动画是现代网页设计中不可或缺的一部分,它们可以指引用户的注意力,增加交互性,以及提升用户体验。TailwindCSS作为一个功能强大的工具类CSS框架,为我们添加和控制动画提供了一系列便捷的方式。本文将演示如何使用TailwindCSS来处理和激活网页动画,使你的网站看起来更加生动。TailwindCSS动画基础TailwindCSS中处理动画的核心是transition和animation实用类Tailwind CSS
工程阅读 33372023年12月25日 20:12基于pnpm 实现前端 Monorepo项目管理随着软件开发项目变得越来越庞大和复杂,如何有效管理和维护代码库成为了一个重要的问题。一种流行的解决方案是Monorepo,也就是在一个版本控制系统中管理所有的项目代码。什么是MonorepoMonorepo是一种项目代码管理方式,指单个仓库中管理多个项目,有助于简化代码共享、版本控制、构建和部署等方面的复杂性,并提供更好的可重用性和协作性。什么是Pnpmpnpm 是一款快速、高效的Jav项目管理
客户端阅读 129842024年1月1日 20:51一篇文章学会如何使用 NestJS 的 Guards 守卫实现系统身份验证和授权当我们基于NestJS框架构建和管理应用程序时,为了保障其安全性,我们常常需要对某些敏感操作或敏感信息的访问进行限制,这是我们需要使用到守卫的地方。它作为一种可以阻止未经授权的访问的机制,对我们的应用程序起到了守护的作用。在这篇文章中,我将深入剖析NestJS的守卫,以帮您全面了解这个概念。我会从解释其背后的工作机制开始,接着介绍使用守卫的各种场景,并以详细的示例来演示如何在NestJS项目中实现NestJS
客户端阅读 64152023年12月17日 18:07NestJS 如何进行服务端推送SSE、自定义服务端推送内容服务端消息推送SSE是常用的服务器消息通信手段,适用于服务器主动给客户端发送消息的场景,例如私信通知,扫描登录等都可以使用SSE实现。SSE的底层原理是客户端与服务端建立HTTP长链接。Nestjs框架内置了对SSE的支持,本文详细介绍Nestjs服务端推送服务的实战步骤。使用步骤一、创建SSE接口服务跟普通的HTTP方法相同,在@nestjs/common中引入@Sse装饰器,在处理服务器推送的NestJSSSE
前端阅读 47642022年6月18日 12:06CSS 响应式布局方法汇总一、媒体查询@media关键分辨率768px992px1200px@media(min-width:768px){//=768的设备}@media(min-width:992px){//=992的设备}@media(min-width:1200){//=1200的设备}@media(max-width:1199){//=1199的设备}@media(max-width:991px){//=991的CSS
前端阅读 25872024年12月7日 23:32为什么 Vue.js 的 data 属性必须是一个函数?在前端开发中,Vue.js简洁易用的设计和强大的功能深受开发者喜爱,然而,对于刚接触Vue.js的开发者来说,有些设计理念可能并不直观。例如,为什么在Vue组件中,data属性需要定义为一个返回对象的函数,而不是直接定义为一个对象?本文将通过深入探讨这个问题,帮助你理解背后的设计逻辑和技术考量。初识data属性在Vue组件中,我们通过data属性来定义组件的状态(状态即我们所说的数据)。最初始的想Vue3