深入理解与应用nanoid:JS如何生成定制化随机数
在前端开发中,我们时常需要生成一个全局唯一标识(GUID/UUID),或者是一个简短而随机的字符串作为ID,用于数据库主键、元素标记或是其他需要唯一性的场合。传统上,我们可能会选择使用Math.random()搭配其他方法来实现这一需求,但这并不是最佳选择,因为它既不够安全,也不保证唯一性。这时候,nanoid就成为了一个极佳的选择。什么是nanoid?nanoid是一个小巧、安全、URL友好的唯
前端 · 阅读 2263 · 2024年2月23日 16:59

基于 NestJS 操作 TypeORM 中的多对多 ManyToMany
TypeORM是一个在TypeScript和JavaScript(ES7,ES6,ES5)中提供了许多开箱即用特性的ORM,它能够改善我们处理数据库操作的效率与可维护性。在复杂的应用开发过程中,数据间的关系处理显得尤其重要。今天我们将在NestJS中探索TypeORM的ManyToMany(多对多)关系,这是一种常见且强大的数据模型关系。在建立应用程序时,我们通常需要处理大量的增删查改(CRUD)
服务端 · 阅读 6896 · 2024年1月1日 22:59

通俗理解this指向问题以及实现call、apply、bind
电话面试的时候,面试官让我口述对this的理解,以及如何修改this的指向。本来是很常见也相对比较简单的问题,但是在口述如何手写call方法的时候,却回答的磕巴,感觉还是没有真正的理解本质,借这篇文章好好理一下思路在JavaScript中,this是一个特殊的关键字,用于指代当前执行上下文中的对象。它的指向问题是前端开发中经常遇到的一个难点。同时,[JavaScript]()中提供了call、
前端 · 阅读 3449 · 2022年6月18日 12:24

Mongoose 如何实现模糊查询(Like Query)
Mongoose为Node.js提供了一种更好的方式来构建查询和操作数据。在SQL数据库中,模糊查询通常是通过LIKE语法实现的,而在MongoDB中,我们可以使用正则表达式来达到类似的效果。在本文中,将介绍如何在Mongoose中实现模糊查询。Mongoose模型设置首先,我们要定义一个Mongoose模型。假设我们有一个用户模型,其中包含一个名为username的字段。constmongoo
服务端 · 阅读 3247 · 2024年4月21日 13:41

前端设计模式 - 单例模式:确保唯一实例
前端开发中的单例模式:确保唯一实例单例模式是一种常见的设计模式,在前端开发中同样适用。这种模式的核心是确保一个类仅有一个实例,并提供一个全局访问点来获取这个唯一的实例。前端场景中,你可能会用到单例模式来管理全局状态、共享资源或者处理一些只需要一个实例的服务。为什么需要单例模式?设想你正在构建一个在线商店的网站,在这个网站中,用户的购物车应当是全局唯一的。你不希望每次用户点击添加商品时,都创建一个
前端 · 阅读 1348 · 2024年5月26日 14:27

一篇文章学会如何使用 NestJS 的 Guards 守卫实现系统身份验证和授权
当我们基于NestJS框架构建和管理应用程序时,为了保障其安全性,我们常常需要对某些敏感操作或敏感信息的访问进行限制,这是我们需要使用到守卫的地方。它作为一种可以阻止未经授权的访问的机制,对我们的应用程序起到了守护的作用。在这篇文章中,我将深入剖析NestJS的守卫,以帮您全面了解这个概念。我会从解释其背后的工作机制开始,接着介绍使用守卫的各种场景,并以详细的示例来演示如何在NestJS项目中实现
客户端 · 阅读 8211 · 2024年1月1日 20:51

什么是TypeScript ? TyepScript 有哪些内置类型?
什么是TypeScript?TypeScript是一个为开发大规模应用程序而设计的语言。它是JavaScript的一个超集,包含JavaScript全部的功能,并扩展了一些新的特性。具体来说,TypeScript增加了如类型注解和编译时类型检查等特性:letnum:number='hello';//错误:不能将类型"hello"赋给类型number在上面的代码示例中,TypeScript阻止了将一
前端 · 阅读 3666 · 2023年12月22日 21:01

React 内置 Hook 之 useState 深度解析与使用案例
我们都知道React从16.8版本开始引入了Hooks特性,这对于函数式组件来说是一次质的飞跃。它使得我们可以在不必写成class形式的情况下,使用state和其他特性,使代码更简洁,易读和易于测试。在所有的Hooks中,useState 可谓是基础而且非常关键的一个。我们可通过它在功能组件中声明和操作state,这对于传统只能在class组件中操作state的思维是一次重大改变。这次,
前端 · 阅读 4473 · 2024年1月2日 22:57

Nodejs 使用 replaceAll 方法的四种方式
在Node.js中,可以使用几种方法来实现replaceAll功能,也就是在一个字符串中替换所有出现的子串。以下是一些常用方法:使用String.prototype.replace()与正则表达式在JavaScript(因此也包括Node.js)中,你可以使用String.prototype.replace()方法结合全局(global)正则表达式来替换所有匹配的字符串。例如:letstr="he
服务端 · 阅读 3699 · 2024年2月23日 16:37

【手写组件库之日历组件教程第二篇】基于React实现无限滚动的日历详细教程,附在线DEMO与源码
最常见的日历大部分都是滚动去加载更多的月份,而不是让用户手动点击按钮切换日历月份。滚动加载的交互方式对于用户而言是更加丝滑和舒适的,没有明显的操作割裂感。那么现在需要做一个这样的无限滚动的日历,前端开发者应该如何去思考和代码实现呢?下面我会详细的介绍实现思路和步骤。在线演示DEMOhttps://calendar.levenx.com/#/scroll-calendar实现步骤渲染单个月日历如何对
前端 · 阅读 2167 · 2023年8月24日 22:32

