自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 a-date-picker格式化时间报错Type Error:date4.locale is not a function

问题:当使用a-date-picker选择时间后需要对事件进行字符串格式化处理,这时候无论是使用a-date-picker自带的格式化插件dayjs还是自己封装的时间格式化函数,均会报错。使用a-date-picker自带的api:valueFormat。通过这个方法,上面的报错就可以解决了。

2024-06-05 15:08:54 481

原创 Vue3 + springboot实现前后端密码加密

在开发项目时为了提高数据的安全性和保护用户的隐私我们通常会对用户注册登录时的密码进行加密处理。大致流程是注册时前端对密码进行加密传给后端,后端在拿到数据后进行二次加密后存入数据库,在登录时后端对接受到前端传来的密码进行加密,加密后在与数据库密码进行比对。注:盐值一般是一个随机字符串,需要在注册时跟密码一起存储到数据库。当用户登录时,在从数据库读出来进行二次加密,加密后在比对密码。request to。后端接受到参数后进行相同的加密,使用哈希函数+盐值的方式来实现。前端加密使用插件crypto-js来处理。

2024-02-05 23:28:07 681 1

原创 解决报错:cannot resolve symbol ‘xxx‘

在mapper.xml的resultMap中查询结果映射到Java对象时,提示:cannot resolve symbol 'xxx',意思是:“无法解析符号‘xxx’。将type字段的实体类使用全路径。

2024-01-13 23:08:41 610 1

原创 idea创建springboot项目

在上面两步我们发现spring boot 的版本都是3.xx.xx的,并且Java版本只有17、21。如果这样创建的时候,在导入maven包的时候会报错。这时我们可以在配置文件pom.xml去修改spring boot的版本和java的版本就可以解决了。Spring initializr 是Spring 官方提供的一个用来初始化一个Spring boot 项目的工具。

2024-01-13 22:58:10 471 1

原创 Java+springboot项目实现发送QQ邮件

我们在Java项目中只需进行一些简单的配置就能实现QQ邮件的发送。

2024-01-10 22:55:28 418 1

原创 git拉去代码及常见错误

解决方案:保存刚刚修改的代码,并把git服务器上的代码pull到本地。首先切换到主分支:git checkout master。回到自己的分支:git checkout xxx。2、将master分支的代码合并到自己的分支。合并代码: git merge master。拉取主分支的代码:git pull。

2023-06-20 21:14:53 521

原创 rpx、px、em、rem、%、vh、vw的区别是什么?

rpx 相当于把屏幕宽度分为750份,1份就是1rpx px 绝对单位,页面按精确像素展示 em 相对单位,相对于它的父节点字体进行计算 rem 相对单位,相对根节点html的字体大小来计算 % 一般来说就是相对于父元素 vh 视窗高度,1vh等于视窗高度的1% vw 视窗宽度,1vw等于视窗宽度的1%

2023-06-20 21:12:12 298

原创 微信小程序表单校验插件WxValidate

当我们在进行表单开发的时候,我们需要对数据现在前端进行一遍校验,判断其是否符合要求,这不仅避免了非正确数据请求接口照成的响应延迟,也减小了服务器的压力。这一堆代码,写入什么地方呢?这就看个人习惯了,我一般将其写入到utils的文件夹中,在utils文件夹中,新建一个WxValidate.js文件。我们在开发web端项目时,如果使用Element-UI开发的话,Element-UI能够自己设计表达校验规则,不用依赖于第三方的校验库。在page或者component的js/ts文件中,引入。

2023-06-20 21:10:43 786

原创 Css实现渐变色

示例:background-image: linear-gradient(to right,rgb(128,189,60),rgb(80,171,140),rgb(35,155,215));语法:background-image: linear-gradient(direction, color-stop1, color-stop2, ...);

2023-02-06 21:03:24 3205

原创 Vue2+Javascript实现本地存储

localStrage只能存储字符串,获取的时候,也是获取到字符串,所以存储对象,需要先用Json.stringfy(data),将对象data转化成JSON字符串,获取data的时候,再将JSON字符串利用JSON.parse(data)转化成对象。

2023-02-06 21:01:10 175

原创 Vue2实现Excel表格导出

2、在src下建立文件夹export后,再export文件夹下建立libs文件夹,再libs文件加中建立文件excel.js,并填入一下代码。3、创建文件exportXls.vue。

2023-02-06 20:58:40 1882

原创 uniapp实现微信小程序用户实时位置定位并显示地图

目前,我们可以通过一些现成的api来实现此功能。下面我将介绍一下通过腾讯位置服务来实现此功能的具体操作流程。需将以上代码中的key,换成自己刚刚配置的key。进入到manifest.json文件中。

2023-02-06 20:55:50 10108 2

原创 Echarts在Vue2中的安装和使用

【代码】Echarts在Vue2中的安装和使用。

2023-02-06 20:46:20 159

原创 Vue+JavaScript设置路由守卫

路由守卫我们可以简单的理解为一座房子的保安,想要进入到房子内,必须先经过保安(路由守卫)的检查满足要求后才能进入到屋内。如果你是这个房子的主人,则就允许你进入,否则就要打电话给主人,跟房主商量(登录注册),给你权限后才能登录。后置路由相比于前置路由守卫是没next()。to:进入到哪个路由去,from:从哪个路由离开,next:函数,决定是否展示你要看到的路由页面。全局路由守卫(全局前置路由守卫、全局后置路由守卫)、组件内路由守卫、路由独享守卫。:切换之前都走前置路由守卫,切换之后都是走后置路由守卫。

2022-11-22 22:24:34 330

原创 Vue+axios如何解决跨域

出于浏览器的同源策略限制。同源策略(Sameoriginpolicy)是一种约定,是浏览器的一种安全机制,它阻止了。之间进行的数据交互,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。所谓同源(即指在同一个域)就是两个页面具有相同的协议(protocol),主机(host)和端口号(port)。在vue.config.js文件中配置,有的则在config文件夹下的index.js文件中配置。当后端接口的url和页面的url的端口,协议,域名有一个或多个不同时就会产生跨域。

2022-11-22 22:18:17 5173 1

原创 vue实现文章目录

目录是我们再阅读文章的时候非常常见的一种功能。它不仅有利于我们能够快速的了解本篇文章要介绍哪几个点,也有助于我们快速的定位到标题。原理:根据小标题和屏幕顶部之间的距离来判断的。下面来看看我的实现方法。

2022-11-06 20:03:25 1832 1

原创 vue3+typescript实现查询功能

关键字查询是我们非常常见的一个功能,想要实现它并不复杂。它不仅可以通过后端接口来实现,也可以在前端中实现,接下来,我将介绍一下如何通过vue3+typescript实现查询功能。通过typeScript中Array中的filter()方法和String类型中的indexOf()方法来实现查询功能。在用户清除搜索框的内容,停止查询或者再次查询时,我们需要再次请求后端数据,进而保证查询正常进行。...

2022-07-26 18:07:47 2198

原创 Vue中v-if和v-show的区别

我们通常使用v-if和v-show来完成条件渲染的需求,那么二者如何使用以及有何区别?

2022-07-24 09:56:02 202

原创 一行JavaScript代码实现字符串反转

废话少说,直接上代码。​先将字符串通过**split()**转换成数组,在将数组内容通过**reverse()**进行反转,最后将数组内容用**jion()**拼接成字符串。**split(xxx)**xxx:为分隔符,指定从哪个位置开始隔开split() 以分隔符分隔的结果,以数组的形式存储,最终返回数组.........

2022-07-22 11:31:07 580

原创 基于vue3+el-pagination实现表格分页效果

vue3+element-plus为咱们前端开发带来了极大的便捷。

2022-07-19 12:42:00 2300 1

空空如也

空空如也

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

TA关注的人

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