- 博客(42)
- 资源 (7)
- 收藏
- 关注
RSS订阅原创 记录spring boot引入JWT遇到的问题---突然自己展现登录页面
记录spring boot引入spring doc遇到的问题---突然自己展现登录页面
2023-06-28 15:26:41
510
1
原创 spring boot引入swagger报错处理
swagger 2.0版本和spring boot 3.x版本整合暂时是不行的，因为swagger的依赖底层用的是javax依赖包，而spring boot 3.x版本都是jakarta依赖包，一般是把spring boot2.5以下就可以了，但是想要2.5版本以上spring boot启动就会出报错。网上搜索了各种办法，包括clone别人的代码，感觉明明一模一样的，为什么别人就可以，自己的就不行。有位作者已经写的很清楚了，此处不再赘述，，没错，就是版本兼容问题，说干就干。
2023-06-26 15:01:44
1843
3
原创 关于element-plus按需引入时，在vite中使用自定义主题失效的问题解决
网上看来也不一定可行，关键时候还得靠自己啊，问题、是在于axios那个地方的引入的消息框样式，会覆盖掉自定义主题可能有人会问，那这个的引入怎么搞了呢，别急，所谓魔高一尺道高一丈，这里有两种办法，自行选择，个人建议自动引入1）首先删除axios.js手动引入的消息框组件以及样式2）
2023-03-20 18:05:40
2871
6
原创 vue3使用websocket简易封装，包含错误重连机制
websocket实现的全双工通信，真真太香了，以下是笔者在使用时，自己封装的一个简易js工具。
2022-10-27 15:40:11
8115
2
原创 vue3+element plus+mockjs+echarts手把手搭建一个简易框架代码
目录前言1、vue-cli创建项目2、按照习惯在vue.config.js配置 一些东西3、element-plus相关设置3.1 安装3.2 按需引入（这里有坑）3.2.1 安装所需依赖3.2.2 在vue.config.js添加如下配置3.2.3 验证element plus的按需引入（坑在这里）3.3 element plus 自定义主题（这里也有坑）4 axios和mockjs相关配置5 echarts相关配置5.1 安装5.2 按需引入一些组件5.3 测试echarts按需引入的组件 5.4 自定
2022-06-13 16:56:23
2348
2
原创 vue3中axios如何搭配mockjs模拟接口自动引入模块，且每次请求接口的数据都不一致
1.2 添加请求拦截在合适位置创建一个axios.js文件（博主在utils/axios.js）,博主比较懒，拦截写的很简单在合适的代码下面试试拦截有没有生效，博主代码在apis/mockTest.js1.4 测试axios是否成功这个时候如果没有后端，报错404，那说明axios已经成功了，成功则往下看，未成功自行查找原因2 mockjs相关2.1 首先安装mockjs，本人是开发环境下使用，所以装在开发依赖里面2.2 根据自己的需求，创建一个文件夹，用于存放模
2022-06-10 17:02:56
1756
原创 解决element plus暗黑模式自定义主题报错Module build failed (from ./node_modules/sass-loader/dist/cjs.js):SassErro
前言：根据官网提示，在index.html的html标签下使用dark启用暗黑模式，然后使用scss引入覆盖的方式自定义主题报错如下：Module build failed (from ./node_modules/sass-loader/dist/cjs.js):SassError: This variable is available from multiple global modules. ╷1 │ @use "~/src/styles/mixins.scss" as *; @use
2022-06-09 16:19:22
3149
2
原创 element plus 使用v-loading报错解决Can‘t resolve ‘element-plus/es/components/loading-directive/style/index‘
This dependency was not found:* element-plus/es/components/loading-directive/style/index in ./node_modules/unplugin/dist/webpack/loaders/transform.js??ref--34-0!./node_modules/unplugin/dist/webpack/loaders/transform.js??ref--35-0!./node_modules/cache-loa
2022-06-02 19:30:00
7517
6
原创 JS日常函数记录
1.数字保留两位小数，重写toFixed方法/** * @description:保留两位小数，可直接截取，可四舍五入 重置Number 的 toFixed()方法 * @param {Number} decimals 小数位数，默认2，最多10 * @return {Boolean} isAddZero 不够小数位是否添0 默认不添加 * @return {Boolean} isRounding 是否四舍五入，默认是 * @example 123.10293.toFixed(2
2021-08-19 15:33:48
163
原创 关于系统加载缓慢优化处理（vue-cli4打包）
前言：经历大半年的系统，终于要跳出苦海了，上线准备投入使用，好家伙，服务器上居然这么慢，怎么办？慌得一P，难道bug太多了？！？纠结之余，还是决定找问题，说干就干。以下方式仅供参考，并不一定通用。1、路由整改打开浏览器请求，查找请求 。出现以下画面，强迫症患者，画面引起极度不适（oh my god，我在哪，我是谁）这里可以暂时忽略：这哪位大神写的代码，全是电话号码，排序倒是规整，就是不知道是哪个模块，以下提供两种修改模式// 方法一 ：webpack别名配置 添加/* webpackCh
2021-03-30 16:54:18
3775
原创 js小数保留2位，无精度问题 ，直接截取或四舍五入
/** * @description:保留两位小数，直接截取，没有四舍五入 重置Number 的 toFixed()方法 * @param {Number} decimals 小数位数 * @return {Boolean} isAddZero 不够小数位是否添0 * @example 123.10293.toFixed(2,true) => 123.10 * @Author: liuxin */Number.prototype.toFixed = function (deci..
2020-11-04 11:27:49
975
原创 Vue如何编写防抖（debounce）和节流（throttle）函数
1.防抖（debounce）含义：触发高频时间后n秒内函数只会执行一次,如果n秒内高频时间再次触发,则重新计算时间。是个连续的过程 ，如限制1s，执行一次，到下次执行又是1s，即：用户停下操作，就执行函数；只要不停止操作，永远不会正在执行函数内的操作使用场景：防抖常应用于用户进行搜索输入节约请求资源，window触发resize事件时进行防抖只触发一次 代码：/** * @description 函数防抖 触发高频时间后n秒内函数只会执行一次,如果n秒内高频时间再次触发,则重新计算时间。
2020-10-22 20:26:38
6056
原创 使用vue-cli4手把手搭建一个完整的vue(vue+vuex+vue-router+scss+es6+antD+axios)项目
安装依赖全局安装vue-clicnpminstallvue-cli-g查看是否安装成功键入vue --version，出现以下版本号，则代表成功如果使用poweshellr提示无法加载文件 D:\nvm\nodejs\vue.ps1，因为在此系统上禁止运行脚本，请点击我查看解决办法创建项目vuecreatevue-test//vue-test为项目名称，不支持驼峰? Please pick a preset: default (babel, eslint)...
2020-07-24 11:34:18
1677
原创 vue-cli3使用ant desgin for vue如何自定义主题
官方已经给出了自定义主题的方式，基本上跟着操作就可以了，这里只是记录一下几个重点官方网址：https://www.antdv.com/docs/vue/customize-theme-cn/关键点记录：如果项目使用的是scss/sass预处理器，则需要安装less和less-loader，vue-cli3已经在底层预留了less配置，因此无需查找文件添加配置cnpm install less less-loader --save-dev如果使用了按需引入bab
2020-07-03 18:02:37
2277
原创 win10使用PowerShell无权加载vue/gulp等脚本问题处理（set-ExecutionPolicy RemoteSigned）
问题描述：win10使用powershell全局装vue-cli，运行vue --version 查看版本的时候，提示vue : 无法加载文件 D:\nvm\nodejs\vue.ps1，因为在此系统上禁止运行脚本。搜索了半天之后，说的是没有进行授权，需要把ExecutionPolicy变量改为RemoteSigned。解决办法...
2020-06-05 11:51:03
2929
1
原创 vsCode 配置记录
1.import路径提示安装vscode插件path-intellisense，12步骤是找到插件，34是安装好了之后点击自定义 在自定义文件中添加如下配置项 "path-intellisense.mappings": { "@": "${workspaceRoot}/devPkg" // 这里的devPkg是自己的源码路径，通常是src } 在项目根目录下...
2020-04-29 20:50:26
1759
原创 uni-app如何监听input输入，小写变成大写，并且过滤掉不想要的字符？！
在做input输入过滤监听的时候，用watch监听改变值，界面上的值会雷打不动的不按照你的思维变化，以下监听只是一个示例，需要其他过滤字符的，需要修改正则表达式。这里提供，监听输入的时候，只能是数字和字母，并且小写字母要变为大写字母。不废话，直接上代码：输入框准备完毕，因为要自己监听输入，因此把v-model拆分使用，input的方法是重点<input type="text" p...
2020-03-16 16:05:36
4956
原创 uni-app开发微信小程序如何授权(兼容iso和Android)保存图片到相册？
在使用uni-app官方api保存图片的时候，可能会因为没有授权导致失败，如何通过层层递进的方式，把授权代码写的优雅又实用呢？先贴一个调用示例：this.saveImage('https://profile.csdnimg.cn/2/E/E/3_liuxin00020') // 简单调用this.saveImage('https://profile.csdnimg.cn/2/E/E/3_...
2020-03-13 16:43:56
3009
原创 uni-app如何获取当前页面路由（整个页面对象）？如何获取前一个甚至已经打开的页面路由？
方法一：用官方方法getcurrentpages先获取所有数组，然后取最后一个数组，再去获取路由，当然还有其他的属性可以使用，可自行打印查看let routes = getCurrentPages(); // 获取当前打开过的页面路由数组let curRoute = routes[routes.length - 1].route // 获取当前页面路由，也就是最后一个打开的页面路由...
2020-03-13 16:26:05
26842
1
原创 uni-app悬浮（拖动）按钮组件
如何制作一个类似小程序飘在微信的悬浮按钮呢，困难的地方不是悬浮，而是不能影响页面下拉刷新，上滑加载，并且要随着页面的滑动，始终保持在页面最上方。 在这里，我用的是uni-app组件库里面的movable-area和movable-view，可以在h5、小程序里面使用。代码解析（源代码请移步我的资源下载）：目前只是预想了一个可控制按钮显示的参数，其余参数暂时没有 准备好组件dom<...
2020-03-05 17:57:12
16133
2
原创 uni-app 使用vue-cli-service如何配置多环境？
前言项目搭建过程中，往往会涉及到2个或以上的环境，比如目前官网已有的开发环境（development）和发布环境（production），但是如果要增加第三个环境，如预发布环境（此处用release），就需要自行配置。如果是用HBuilderX创建的uni-app项目，需要转为vue-cli模式的（也就是使用npm），下列给出粗略步骤全局安装vue-cli(3.x以上)，webpack...
2019-12-16 18:49:06
3235
1
原创 如何用css适配iphoneX底部横条？！？
当我们在做app或者小程序的时候，如果是自适应屏幕高度，或者是用定位到底部按钮的时候，iphoneX底部的返回横条老是遮挡底部内容，如果巧妙的设计代码，使它能适配到iphoneX呢？比如我写了一个底部按钮，漂浮在所有内容的上方，以下代码当在iphoneX的时候，就会被遮挡大约20px// 正常手机使用的代码/* 外层盒子 */.hasbtn-padding{ paddin...
2019-10-31 17:25:49
6663
原创 git 常见问题处理（命令行和webstrom操作）
目录1、Git冲突解决1.1、命令行操作1.2、webstrom操作2、覆盖本地代码，同步远程仓库的代码2.1、命令行操作2.2、webstrom操作3、合并分支代码到指定分支3.1、命令操作（此处以test合并到liuxin为例）3.2、webstrom操作4、常见报错处理4.1、无权限push5、更换远程仓库地址5.1、命令行方式6、同步仓库分支到本地7、OpenSSL SSL_read: Connection was reset, errno 10054解决办法（要点就是单个文件处理，提交后再操作，循
2019-08-30 17:28:55
660
原创 AngularJs 调试工具（batarang）离线安装
因为angular由谷歌接手之后，他们也写了一个关于该框架的调试插件（batarang），但是仅仅只能在谷歌浏览器中使用。1、首先下载插件在本人的资源库里面可以下载https://download.youkuaiyun.com/download/liuxin00020/10974568也可以在github上面下载https://github.com/angular/batarang/relea...
2019-08-15 17:31:44
3586
原创 在chrome调试vue，vue调试器离线安装（vue2-devtools、vue3-devtools）
1、先获取vue-devtools安装包可走github获取源码，点击进入github，clone之后选择yarn或npm方式安装依赖包，在此就不赘述 在本人博客资源下载，解压即可使用，点击下载（推荐此方法，会省去一些繁琐的步骤）2、打开chrome扩展程序直接在地址栏输入chrome://extensions/，或者使用视图打开（alt+e ——>更多工具——>扩展程序）...
2019-08-09 16:51:46
4212
4
原创 vue封装checkBox列表组件（实现group和自定义选项，纯css实现效果）
点击我查看效果一、前言【又在重复造轮子！！！】vue有很多现成的UI框架，博主的手机端用的是mintUI，但是mintUI样式不能整改为想要的样子，因此纯手工封装了一个checkBox组件（纯css实现效果，需要不一样的可自制样式）先来一个效果图：二、正文1、说明使用checkBox绑定数据，选中的数据使用数组存储（vue分组的写法） 为了保证是数组类型，需要指定组件...
2019-07-24 19:04:09
5660
2
原创 重构echarts多条进度条实现（vue+gulp）
之前写了一个echarts实现多条进度条，并定时翻页的组件，现在用vue+gulp重构了一下，稍后会贴出源码地址，很抱歉，之前没有贴出css，让某些伙伴不知所措。点击我查看效果 如果需要源码：https://github.com/liuxin00020/test 或者在本人的资源里面下载效果图如下：1、实现的方式一样的json数据列表首先构成左右两边的数据显示，中间用echa...
2019-05-27 18:55:01
3061
原创 gulp4 + wepack-stream 编译ES6为ES5（包括import引入编译）
es6编译为es5，包括import的引入方式解决方案1、首先安装gulpcnpm install gulp -g // 全局安装，为了后面执行任务方便，也可省略，但是在执行任务时，需要进入到局部安装目录，建议安装cnpm install gulp --save-dev // 安装在项目中，用于任务配置2、准备安装babel（专门用于编译js的版本插件），以及gulp的babel...
2019-05-22 16:32:32
1027
原创 如何进行jquery扩展？如何编写jquery插件？
有位牛人曾说，如果你要成为大神，对于jquery，就不能只停留在使用阶段。随后，果断去百度了一把，如何编写jquery插件有两种方式：1、使用jQuery原型，在jQuery对象上绑定方法直接在jQuery对象上写方法，编写类库时用的原始方式 使用jQuery的扩展方法（extend） 自定义一个属性，在属性中绑定方法2、实例化的方式，由jquery官网提供的例子此种方式，是...
2018-12-14 16:54:17
687
原创 scss两层数组遍历（遍历生成多个图标，不同的样式）
$iconFont: ( (font: "\e6bb", bgc: $bgOrange, sdc: $bgOrangeFourPercent), (font: "\e601", bgc: $bgBlue, sdc: $bgBlueFourPercent), (font: "\e61a", bgc: $bgGree...
2018-08-29 17:54:45
2591
原创 openlayers 注册地图事件（移动、单击、拖动）
1、创建一个地图对象// Layers var layers = [ new ol.layer.Tile({ name: "Natural Earth", minResolution: 306, source: new ol.source.XYZ( { ...
2018-08-22 16:16:07
7917
原创 echarts如何做出多条进度条的效果
原理：弹性盒子布局，两端对齐方式将数据分割在两端，重点用echarts柱状图，绝对定位，翻页一次，echarts柱状图重新加载一次先来一个效果图如何做出如图所示的效果呢，虽然核心是echarts柱状图，但是还需要配合css样式，才能完成，做的是自适应的，宽高都是100%，只适用于IE9+需要源码或vue重构，请转文章https://blog.youkuaiyun.com/liuxin00020...
2018-08-20 17:41:23
23292
5
原创 常用的scss函数（mixin）
scss自出来之后，广受欢迎，如何能快速写出想要的css呢，可自定义一些scss方法，本人罗列了一些最近用到的scss函数，其实包括文本超出范围的格式化、弹性盒子居中、左浮动、右浮动、鼠标上移样式改变等1、文本超出范围，显示省略号/*文本格式化，超出范围，显示省略号*/@mixin text-overflow($width:100%,$display:block) { width:...
2018-08-02 11:54:47
17930
原创 echarts自定义雷达图（radar）
先来个效果图1、首先设置形状 shape: "circle", // 支持 'polygon' 和 'circle' ,默认polygon2、设置线条splitLine: {//分隔线 show: true, lineStyle: { col...
2018-07-27 13:14:02
9191
2
原创 纯js实现无缝滑动轮播
效果如下：（点击我查看效果）原理：盒子内套入一个绝对定位的盒子，改变left值，实现轮播 滑动的核心是每轮一个元素，嵌入缓动动画 无缝的核心是复制第一个元素放到最后，在滑动到最后一个时，迅速切换到第2个通常滑动的小圆点也是动态生成，因为很多时候，我们拿到的数据都是动态的1、准备html和css<style>...
2018-06-28 17:53:33
3471
1
原创 cesium热力图（cesiumheatmap.js）
无意中看到有个大神写了一个cesiumheatmap.js，顾名思义，就是在cesium框架中实现热力图原理是创建矩形，用heatmap.js生成一个canvas，再将canvas贴到矩形中这位大神将热力图的canvas大小通过传入的矩形坐标生成，将传入的数据也通过3D地图坐标处理成浏览器正常盒子的x,y坐标可通过下载cesiumheatmap.js，引入到页面，再行使用1、准备一个3D地图视图，...
2018-06-28 16:27:08
16212
24
vue多选列表组件测试（checkbox）.zip
2019-07-24
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人