自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(28)
  • 收藏
  • 关注

原创 在 Nest.js 中集成 Prisma 和 PostgreSQL:高效的数据库操作

通过以上步骤,我们成功地在 Nest.js 中集成了 Prisma 和 PostgreSQL,并可以使用 Prisma 客户端进行高效的数据库操作。Prisma 提供了强大的查询、创建、更新和删除等功能,而 PostgreSQL 是一个功能强大的关系型数据库,为我们的应用程序提供了可靠的数据存储解决方案。Prisma 是一个功能强大的数据库工具,它提供了类型安全、直观且高效的数据库操作。本文将介绍如何在 Nest.js 中集成 Prisma,并使用 PostgreSQL 作为后端数据库。

2023-12-01 10:46:14 945

原创 在 Nest.js 中集成 Redis

Redis 是一个高性能的键值对存储数据库,它常用于缓存、会话管理和实时数据处理等场景。Nest.js 是一个流行的 Node.js 框架,它提供了一种简单而强大的方式来构建可扩展的后端应用程序。在本文中,我们将介绍如何在 Nest.js 中集成 Redis。

2023-11-30 16:12:35 1673 1

原创 在 Nest.js 中使用 JWT 进行身份验证

最后,我们需要创建一个自定义的 JWT 守卫来实际执行身份验证逻辑。创建一个名为在上述代码中,我们创建了一个名为的类,继承自AuthGuard类,并使用'jwt'参数来指定使用 JWT 策略。然后,我们实现了方法来执行身份验证逻辑。现在,当你访问被保护的路由时,Nest.js 将自动执行 JWT 策略,并验证 JWT 的有效性。这就是在 Nest.js 中使用 JWT 策略进行身份验证的基本步骤。你可以根据自己的需求进行进一步的定制和扩展。希望这对你有帮助!Nestjs: nestjs学习仓库。

2023-11-30 15:50:04 1558

原创 使用 Nest.js 和 nest-i18n 进行应用程序国际化

在全球化的时代,为应用程序提供多语言支持是至关重要的。Nest.js 是一个流行的 Node.js 框架,它提供了一种简单而强大的方式来构建可扩展的后端应用程序。在本文中,我们将介绍如何使用 Nest.js 的 nest-i18n 模块实现应用程序的国际化,以便为用户提供多语言支持。

2023-11-30 14:56:29 1464 1

原创 el-table加分页后多选翻页和查询后仍保持选中状态及回显

这样,当你进行分页或搜索查询时,之前选中的行数据仍会保持选中状态。方法实现选中状态的回显。将需要回显的数据的 ID 存储在。方法来获取行的唯一标识,以便在翻页和搜索后保持选中状态。方法,我们确保使用每个行的唯一标识作为标识符。数组,以便在需要时可以访问选中的行数据。数组绑定到表格的数据源。监听选中状态的变化,我们可以在。引用到表格组件的实例,并使用。数组中,并在适当的时候使用。我们定义了一个表格组件,并将。方法切换行的选中状态。

2023-09-22 14:17:18 1982

原创 微信小程序图片上传机制

微信小程序作为一种流行的应用开发平台,图片上传是许多小程序中常见的功能需求之一。深入了解微信小程序的图片上传机制及性能优化可以帮助开发人员更好地设计和实现该功能,提升用户体验和应用性能。本文将详细介绍微信小程序图片上传的具体实现步骤、相关限制以及性能优化方法。

2023-09-13 16:24:32 3496

原创 在el-table数据中间添加一行合计行,并且序号重新排版

在 computed 中,我们创建了 computedTableData 计算属性,通过对原始表格数据进行处理,在合适的位置插入合计行的数据。在示例中,我们假设将合计行插入到第二行的位置(索引为 1)。首先是要遍历后端给出的数据,然后根据条件判断,再该加数据的位置为表格添加一行合计行。如果你想在 el-table 中间添加一行合计行,并重新排版序号,你需要对表格数据进行处理,将合计行的数据插入到正确的位置。需要注意的是,以上只是示例代码,具体实现方法可能需要根据你的业务逻辑进行调整。表示表格的当前页码,

2023-07-05 18:04:31 3181 1

原创 在el - table中使用滚动条进行数据懒加载

由于使用的是vue,所以直接使用ref来进行dom节点的获取。在获取到节点之后,我们通过节点拿到目标盒子可视化的高度,滚动条的位置和滚动条的高度。重点就是像我这样目标节点使用了v-if的,一定要在v-if渲染完在使用ref,不然this.$refs是获取不到该节点的。一开始我是打算使用v-infinite-scroll的,但是使用的是el-table,为了使滚动条和表格显得不那么突兀,所以还是使用了el-table的height属性来加载滚动条。代码: (注意1:this.dom 需要在data中注册!

2023-06-27 18:50:33 2211 4

原创 Js继承方法和优缺点

在继承过程中,创建子类实例会调用两次父类构造函数,第一次在原型链继承时调用,第二次在创建子类实例时调用;在创建子类实例时,父类构造函数会调用两次,一次在原型链继承时调用,一次在创建子类实例时调用;父类创建的所有实例在原型中的引用属性都是共享的,会存在实例之间相互影响的问题;子类只能继承父类构造函数中的属性和方法,无法继承在原型上定义的属性和方法;子类可以获得父类的所有方法和属性,包括在父类原型上定义的方法和属性;既能继承父类的属性和方法,又能共享原型中的方法和属性;父类的方法和属性在所有子类中共享;

2023-06-08 17:54:01 104

原创 js关于async/await、promise和setTimeout执行顺序

前段时间看到了一道面试题,关于async/await、promise和setTimeout的执行顺序,觉得挺有意思的,记录一下,加深理解。

2023-06-08 17:20:15 1057 4

原创 JavaScript 中的 . 和 ?. 操作符的区别和优缺点

(点)操作符是 JavaScript 的基本操作符之一,简单易懂,速度快,但在处理嵌套对象时会变得冗长。可选链操作符(?.)是一个相对新的语法,可以帮助我们安全地访问对象的属性或方法,但运行时性能相对 . (点) 操作符略低,可能会返回 undefined。因此,我们可以根据不同的场景来选择使用哪种操作符。例如,假设我们有一个名为 person 的对象,它有一个名为 address 的属性,address 属性有一个名为 city 的子属性。在没有?

2023-06-08 15:58:33 717

原创 前端进行图片数据的预览请求原理

ajax=true&act=previewImg&docid=' + item.docid + '&docord=' + item.ord 这个相对路径时,浏览器会自动将其转换为完整的请求地址 https://example.com/BGTOFlowSignV3?在浏览器中,对于相对路径访问,浏览器会根据当前页面地址进行解析,生成一个完整的请求地址,并向该地址发送 HTTP 请求。在请求发起之后,服务器会接收到该请求,并根据请求参数进行处理,然后返回相应的内容给客户端,即该请求所代表的图片数据。

2023-06-06 18:32:58 460

原创 前端下载文件处理函数的实现

在浏览器中判断是否为IE浏览器,如果是,使用msSaveOrOpenBlob()方法将Blob对象作为文件下载或打开;

2023-06-06 18:24:10 531

原创 微信授权微信小程序登录流程!!!

3、后端拿到OpenID 之后会存储到数据库用户表信息, 判断用户是否是第一次登录,通过OpenID查询用户表数据,如果查询到数据即为不是第一次登录,如果查询不到即表中不存在该用户,为第一次登录。4、如果用户是第一次登录,会将数据存储到数据库用户表信息,可以根据用户标识来生成自定义登录态,用于后续业务逻辑中前后端交互时识别用户身份。5、如果用户不是第一次登录,将用户不敏感信息使用jwt 生成token发给前端作为用户登陆状态的身份令牌。获取 临时登录凭证code ,调用接口传到开发者服务器。

2023-04-14 14:28:14 569

原创 有localstorage,为什么还要用vuex

总的来说,vuex是为了用来响应,而本地存储的数据不是响应式的!!!

2023-04-14 11:35:15 1007 1

原创 elementui InfiniteScroll 无限滚动,在移动端会出现的问题

我们在做pc时,一般的数据都会使用表格进行数据的分页处理,但是当到移动端时,我们对数据的处理一般都会使用列表的显示方式。这样的开发模式我们就会使用到elementui InfiniteScroll 无限滚动。根据文档这部分,写了我的代码,开始长下面这样子…结果发现了一个问题,就是进入页面之后像是 infinite--disabled和infinite-scroll-immediate没有生效似的,页面疯狂调用onLoad函数。

2023-04-13 10:41:57 1788

原创 el-input触发 el-popover银行弹窗封装

点击空白关掉弹窗:为了做成el-select的效果,单击空白时弹出框会关闭的效果,我写了一个全局的点击事件监听器,当点击的dom不是弹出框的内容区域就调取的el-popover的关闭函数,然后使用ref拿到弹出框的dom,这里要注意,如果是通过for循环生成的弹出框,ref拿到的会是一个数组,并且想要使用contains函数,一定要是dom节点,这里就突出了ref 和 id的不同了。html:由于业务需求,我所使用的是input作为触发组件,所以在在触发条件这里要使用自定义trigger="manual"

2023-04-07 13:51:43 3367

原创 element ui ios移动端 表单兼容问题

element ui 的表单在禁用状态时,在android手机显示无与pc显示一样,但是在ios显示却天差地别,基本看不到input placeholder 属性添加的默认提示信息。移动端环境下android只需设定input的color即可。的默认样式会有默认样式。

2023-03-13 17:42:24 1155

原创 cookie 和 session 的区别,localstorage 和 sessionstorage 的区别

Cookie 和 session 都可用来存储用户信息,cookie 存放于客户端,session 存放于服务器端, 因为 cookie 存放于客户端有可能被窃取,所以 cookie 一般用来存放不敏感的信息,比如 用户设置的网站主题,敏感的信息用 session 存储,比如用户的登陆信息。

2023-02-01 11:04:13 170

原创 面试题:什么是 Bom? Bom 是浏览器对象。有哪些常用的 Bom 属性呢?

面试题:什么是 Bom? Bom 是浏览器对象。有哪些常用的 Bom 属性呢?

2023-02-01 10:51:36 160

原创 Es6新语法概述

var命令会发生“变量提升”现象,既变量可以在声明之前使用,值为undefined。个人认为,对声明的变量确定后面不会发生更改时,即使性能上没有太大提升差异在,但使用const,代码的可读性也会增强很多。const实际上保证的,并不是变量的值不得改动,而是变量指向的那个内存地址所保存的数据不得改动。let 变量指向的内存地址,保存的只是一个指向实际数据的指针。

2022-11-10 12:03:09 450

原创 Java中的深浅拷贝

深拷贝作为面试常考的题目,里面确实涉及到了很多细节:考察你的递归能力考察处理循环引用,还可以深入挖掘对weakSet、weakMap弱引用的了解程度考察各种引用类型的处理,对数据类型的掌握的程度。

2022-11-10 11:24:24 474

原创 Javascript 中的this(包含apply、call、bind)

call 和 apply作用一模一样,区别仅在于传入参数形式的不同。applyapply接受两个参数,第一个参数指定了函数体内 this 对象的指向,第二个参数为一个带下标的集合,这个集合可以为数组,也可以为类数组。类数组:对象本身要可以存取属性;对象的 length 属性可读写。callcall传入的参数数量不固定,第一个参数也是代表函数体内的 this 指向,从第二个参数开始往后,每个参数被依次传入函数bindbind。

2022-11-10 11:04:25 164

原创 Git开发常用指令

在开发项目中,我们一般需要创建自己的代码分支,多人同时开发的时候项目就很容易产生冲突,所以我们每个人拥有一个自己的开发分支是比较好的选择,最后开发完成上线的时候再提交的预发环境分支中进行测试,当最后测试完成通过后再提交到项目的主分支master,然后就可以通过CI/CD进行部署了,这是一套开发的基本的流程,所以我们再来看看如何去创建自己的分支。第一次使用git的时候我们需要给git配置用户名和邮箱,用户和邮箱可以使用github的,也可以使用自己公司的git lab仓库的账号。

2022-11-10 10:57:17 319

原创 冒泡排序:java、python、c++、js

假如我们要把 12、35、99、18、76 这 5 个数从大到小进行排序,那么数越大,越需要把它放在前面。冒泡排序的思想就是在每次遍历一遍未排序的数列之后,将一个数据元素浮上去(也就是排好了一个数据)。当然不可以,不过这样可以完成从小到大的排序。往前对每个相邻的元素都做这样的比较、交换操作,这样到数组头部时,第 1 个元素会成为最大的元素。从尾部开始比较相邻的两个元素,如果尾部的元素比前面的大,就交换两个元素的位置。继续对越来越少的数据进行比较、交换操作,直到没有可比较的数据为止,排序完成。

2022-10-13 20:51:16 121

原创 尼克和格莱尔玩报数游戏,尼克按1~x报数,格莱尔按1~y报数。两人同时开始,并以同样的速度报数,当两人都报了m个数时,统计出两人同时报相同数的次数。

分析:在解决这个问题前,我们首先要知道函数的参数是什么,首先就是要明确两人所报数的总个数m,这个是要做为我们初次循环的先决条件,知道了m,我们就知道了这个算法的时间复杂度了。其次我们还要明确尼克和格莱尔所报次数的上线x、y,这两个变量是决定了两人报数相同次数的重要标志,知道了x、y我们就知道了算法循环一次所重复的数字个数。c作为尼克的所报数字,d作为格莱尔所报数字,num作为所报相同数字的个数。同时,当c 等于尼克所报数字时,c归零,同理d也是如此。

2022-10-13 20:43:30 1962

原创 Android studio 项目部署不到avd上面

然后打开自己的Android studio 打开自己的虚拟机,按照下面的步骤就能找到自己的avd 的路径,然后复制,粘贴到系统变量路径里面,确定。如果有中文路径那就将".android”文件夹剪切到一个符合的路径下(不能有中文和空格),然后重新配置你的“ANDROID_SDK_HOME”该变量的路径,将路径更改为你更改后的".android”文件夹,到avd的结束。修改D:\dev\Android\Android Studio\plugins\AVD目录下的配置文件中的path项目。

2022-09-24 15:02:47 1840

原创 h5 +css +js +jq 基础知识总结

l软件架构1,C/S client/server 客户端/服务器 本地需要安装一个客户端,远程需要一个服务器端 如:电脑上安装软件,QQ,迅雷 安装、部署、开发比较麻烦 用户体验好点2,B/S browser/server 浏览器/服务器 用户只需要安装浏览器,然后输入不同的网址,访问不同的服务器 如:淘宝网、京东、百度... 安装、部署、开发比较简单 缺点:对于服务器的硬件要求比较高,用户量大的时候,体验差 BS架构资源划分静态资源:

2022-07-09 11:37:28 2915

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除