自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 spring security6重写登陆验证

spring security6重写登陆验证

2024-04-05 22:06:47 852

原创 mybatis-plus和mybatis同时引入时,出现的问题

这里同时引入了一个mybatis-plus和mybatis,导致了配置文件里面配置的映射文件一直没生效,一直报错找不到隐私文件 mapper-locations。只有用mybatis.mapper-locations配置时才会生效。同时引入是这个是不会生效的。

2024-03-21 11:46:55 158

原创 关于js的BigInt的使用与注意事项

js的新类型 BigInt的使用注意事项

2024-01-21 21:36:50 487 1

原创 vue使用electron报错,webpack < 5 used to include polyfills for node.js core modules by default......

当设置 electronBuilder.nodeIntegration 为 true 时,Electron 主进程可以直接在渲染进程中使用 Node.js 模块,开发者可以在 Vue 的渲染进程中使用 Node.js 相关的模块和功能。这允许您在渲染进程中访问文件系统、创建子进程、发送网络请求等。当vue项目中调用electron Api时报错。在vue.config.js中配置。在网上找了很多方案都不行最后发现。

2023-08-18 10:29:19 141

原创 rabbitmq的qos和消费者一次确认多个消息

下面时消费100条消息,消费每条消息花时为0.5s的趋势图,但每次同时有十条消息被消费。yml文件中的配置其中concurrency和prefetch很重要。下面时消费100条消息,消费每条消息花时为0.5s的趋势图。然后消费者一条一条的消费,每次消费时间模拟为0.5秒。这里生产者一次性向rabbitmq发送一百条消息。发送代码是相同的,以下是调整后的接受代码。

2023-06-18 19:10:48 1148

原创 springAMQP中使用RabbitTemplate进行发布者确认

springAMQP中使用RabbitTemplate进行发布者确认

2023-06-17 10:59:50 309

原创 springAmq中template动态操作message内容

注意:无论是使用send(Queue, Message )的方式发送还是使用template.convertAndSend(Queue, object)的方式发送,rabbitmq都会将Message 传给消费者,网上很多文章都没有写Message 这个参数。像这种简单的使用rabbitTemplate.convertAndSend发送消息,然后通过接收消息的时候也只是简单的接收到发送的消息。下面发送的message消息,可以更加丰富的设置和使用消息帧的数学,就比如这里向消息头帧中插入数据。

2023-06-13 23:12:40 117

原创 在使用springAMQ时,设置消息的优先级

在使用springAMQ时,设置消息的优先级

2023-06-10 22:52:54 94

原创 springboot配置使用redis序列化时报错“无法自动装配。找不到 ‘RedisConnectionFactory‘ 类型的 Bean”

springboot配置使用redis序列化时报错“无法自动装配。找不到 'RedisConnectionFactory' 类型的 Bean”

2023-06-03 23:06:14 2521 3

原创 element ui table表格 单个空数据格式化表格

进行统一处理。

2023-04-21 21:43:39 76

原创 vue项目使用 @ + 路径中没有文档代码提示

在根目录下新建jsconfig.json// An highlighted block{ "compilerOptions": { "target": "esnext", "module": "esnext", "moduleResolution": "node", "jsx": "preserve", "baseUrl": "./", "lib": ["esnext", "dom"], "paths": { //关键代码

2023-03-15 17:29:28 412

原创 vue3+ts使用wow.js + animate.css

vue3使用animate.css部分动画无法使用

2022-04-26 13:24:24 3077 6

原创 webpack+ts+css+scss+html项目开发框架搭建(webpack5.69.1)

项目初始化准备新建文件夹,并初始化项目npm init 或者 yarn init得到这样的目录结构里面有一个模块配置文件package.json在更目录下新建一个webpack配置文件webpack.config.js得到下面的目录机构在webpack.config.js中配置打包所需要的配置项(这里把我自己的配置贴上附有说明)const HtmlWebpackPlugin = require('html-webpack-plugin')// 压缩cssconst CssM..

2022-03-04 13:47:55 418

原创 ajax获取后台转的文件流显示在界面

// 在请求头上添加 responseType: 'arraybuffer' 接收文件流得到一个这个this.src = 'data:image/png;base64,' + btoa( new Uint8Array(response).reduce((data, byte) => data + String.fromCharCode(byte), '') )再讲的到的buffer转化为base64就可再放入img标签中就可以得到一个图片...

2021-12-16 18:43:27 263

原创 vue3.0返回使页面滚动位置不变

// 在路由文件中添加scrollBehavior// 注意此方法只针对浏览器的前进后退有效const router = createRouter({ history: createWebHashHistory(), routes: [{ path: '/', component: defineAsyncComponent(() => import('../views/homepage.vue')) }, { path

2021-10-08 15:18:12 537

原创 vue3中在setup中实现编程式跳转

import { useRouter } from 'vue-router' export default { setup(){ // 获取router实例 const router = useRouter() function toPage1 (){ // 编程式跳转 router.push('/page1') } return {toPage1} }}</sc

2021-10-08 14:12:12 478

原创 react使用antdesign from 中使用Upload的坑

当from组件中使用Upload组件时会报错虽然程序不至于崩溃但是看着还是比较难受只需两步1.设置两个属性valuePropName=“fileList”getValueFromEvent= {normFile}像这样然后添加以后赋值的方法const normFile = (e) => { //如果是typescript, 那么参数写成 e: anyconsole.log(‘Upload event:’, e);if (Array.isArray(e)) {return e

2021-09-08 14:09:46 513 2

原创 原生js中使用live server进行跨域访问

1.全局安装live-servernpm install live-server -g2.初始化项目npm init3.在package.json中配置npm运行命令“scripts”: {“start”: “live-server --open=./html/index.html --port=8088 –proxy=/proxy:http://10.130.100.102:9000”}4.npm start启动服务5.发出请求 注意:proxy和第三部的proxy必须得相同axios

2021-08-19 08:55:19 829

原创 react中使用redux

// 首先引入 redux 以及 react-reduxyarn add redux yarn add react-redux//第二步 在项目的根路径下面创建一个reducer文件夹里面放一个index文件// 默认值const defaultvalue = { value: { name: 'xuhao', id: 1 }}// 处理发送过来的 actionexport const reducer = (state = defaultv

2021-07-24 17:11:00 85

原创 原生js获取滚动条滚动距离scrollTop一直为0

使用document.documentElement.scrollTop就可以了

2021-07-09 13:05:51 1050 2

原创 mysql查询以后返回<Buffer e5 86 99 e7 9a 84 e5 be 88 e5 a5 bd>

原来我是直接使用 FROM_BASE64 这个方法SELECT FROM_BASE64(‘MTIzNDU=’)但是数据库总是给node返回<Buffer e5 86 99 e7 9a 84 e5 be 88 e5 a5 bd>最后找了半天发现是编码的问题正确的使用方式SELECT convert(FROM_BASE64(‘MTIzNDU=’) using utf8)...

2021-07-02 10:32:25 272

原创 react路由过度动画插件

网上好多都是引入 react-transition-group 过于复杂有一个react-animated-router这个组件就非常简单只需两步1.引入2.使用

2021-06-29 11:40:33 109

原创 node+vue+mysql实现前后端分离博客

https://gitee.com/xuhaoguanxinyu/node-vue

2021-06-28 14:23:42 214

原创 ES6数组去重

// An highlighted blockvar foo = [...new Set([1, 2, 3, 4, 4])];// foo = [1, 2, 3, 4]

2021-06-28 10:09:03 43

原创 解决远程链接数据库Access denied for user ‘root‘@‘113.227.184.3‘ (using password: YES)

原因是因为没有开启远程访问权限导致解决方法cd /usr/local/mysql/binmysql -uroot -puse mysqlupdate user set host =’%’ where user =‘root’ and host=‘127.0.0.1’;flush privileges;

2021-06-11 15:09:31 132 2

原创 Nginx配置https证书

server {listen 443 ssl; # 1.1版本后这样写server_name www.domain.com; #填写绑定证书的域名ssl_certificate 1_www.domain.com_bundle.crt; # 指定证书的位置,绝对路径ssl_certificate_key 2_www.domain.com.key; # 绝对路径,同上ssl_session_timeout 5m;ssl_protocols TLSv1 TLSv1.1 TLSv1.2; #按照这

2021-06-10 10:35:59 56

原创 liunx系统中宝塔的安装命令

yum install -y wget && wget -O install.sh http://download.bt.cn/install/install.sh && sh install.sh

2021-06-08 17:13:46 98

原创 node.js链接远程数据库总超时

最近在学习后端和运维的时候,在本地连接远程数据库的时候遇到的一个问题我在本地用node链接数据库是总是超时我服务器用的是阿里轻量级服务器,可视化工具是宝塔最开始我以为是我是阿里的mysql的3306端口没有放行,但是加上以后还是超时最后我发现宝塔里面还有一个端口拦截最后在这个宝塔的端口拦截中设置3306端口放行才可以重点: 要想远程访问数据库如果你用了宝塔可视化工具,在阿里的控制台里设置了数据库端口放行的同时宝塔里面也要将这个端口放行...

2021-06-08 17:00:38 277 3

原创 liunx上查看宝塔的登陆信息

bt default

2021-06-08 15:22:58 957

原创 webpack+vue设置浏览器顶部小图标

在webpack.dev.conf.js(开发环境)、webpack.prod.conf.js(生产环境)中new HtmlWebpackPlugin({favicon: path.resolve(文件路径)})

2021-04-25 10:49:27 243

原创 Element中el-table组件需要展开或选择不通过点击表通过点击按钮触发

// An highlighted block//标签<el-table ref="table" :data="tableData"> <el-table-column type="selection"></el-table-column> <el-table-column label="日期" prop="date"></el-table-column> <el-table-column label="姓名"

2021-04-19 15:37:36 438

原创 Js利用Json深拷贝

// An highlighted blocklet a = {x:1,y:2}// 深拷贝alet b = JSON.stringify(a)// 将a利用b拷贝给c此为深拷贝let c = JSON.pares(b)

2021-03-30 20:37:50 234

原创 vue路由切换效果

v-enter:定义进入过渡的开始状态。在元素被插入之前生效,在元素被插入之后的下一帧移除。v-enter-active:定义进入过渡生效时的状态。在整个进入过渡的阶段中应用,在元素被插入之前生效,在过渡/动画完成之后移除。这个类可以被用来定义进入过渡的过程时间,延迟和曲线函数。v-enter-to:2.1.8 版及以上定义进入过渡的结束状态。在元素被插入之后下一帧生效 (与此同时 v-enter 被移除),在过渡/动画完成之后移除。v-leave:定义离开过渡的开始状态。在离开过渡被触发时立刻生效,

2021-03-09 17:44:15 218

原创 express拿到post和get请求里的数据

// get请求app.get('/test',function(req,res){ console.log(req.query) res.send('get')})//post请求//安装npm install body-parser//引入包var bodyParser = require('body-parser');//处理POST请求的app.use(bodyParser.urlencoded({extended: false}))app.use(bodyParser.j

2021-03-05 16:26:51 148 2

原创 vue解决访问接口数据延迟数据闪动的情况

// An highlighted block//Html<view class="touxiang" v-cloak></view>//Css[v-cloak]{ display: none;}

2021-03-04 12:58:19 1111 1

原创 v-bind绑定class

// An highlighted block//Html<div :class="[classA,{classB:tes}]">{{tes}}</div>//JavaScriptdata: { tes:true, classA:'A', }

2021-03-04 12:39:15 43 1

原创 Vue中使用lodash中的debounce防抖函数

// An highlighted block//引入lodash中的debounceimport {debounce} from 'lodash'//在methods中使用search:debounce(function() { console.log('my fullname is chentingjun')}, 500)

2021-03-04 10:52:56 693 1

原创 JavaScript处理数字过万

// An highlighted blockfunction dealWith(value){ value = Number(value) var num; if (value > 9999) { //大于9999显示x.xx万 num = (Math.floor(value / 100) / 100) + 'W'; } else if (value <= 9999 && value > -9999) { num = value

2021-03-02 10:07:37 606

原创 比较两个数组是否完全相等

// An highlighted blockfunction arrayIs(arr1,arr2){ // 长度不同返回false if(arr1.length!=arr2.length){ return false } // 比较数组中每一项的值 arr1.forEach((item,index) => { if(item!=arr2[index]){ return false }

2021-03-02 09:14:08 332 2

原创 微信小程序多次询问用户地理位置授权解决方案

// An highlighted block// 位置授权 getAuthorizeInfo(){ const that = this; uni.authorize({ scope: 'scope.userLocation', success() { // 允许授权 that.getLocationInfo();

2021-01-20 14:23:39 832

空空如也

空空如也

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

TA关注的人

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