![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 88
小白wwj
机器学习,深度学习入门小白
展开
-
解决Vue history模式下使用嵌套路由打包部署后刷新页面为空白页
解决Vue history模式下使用嵌套路由打包部署后刷新页面为空白页前言问题分析前言总所周知,Vue路由有两种模式,默认hash模式,这种模式下url上会带"#",因此很多公司开发都不使用hash模式而选用另一种history模式,因为history模式下的url不会带上"#"。不带"#"既是history模式的优势,同时让它带来了一些烦人的问题,比如打包部署页面刷新为空白页,使用嵌套路由刷新为空白页的问题。今天我就分享下我解决嵌套路由刷新的问题。问题分析以下是我学习/测试时写的二级路由当我第原创 2021-08-12 23:46:24 · 9840 阅读 · 3 评论 -
Spring Boot+Vue 实现后端分页前端批量展示
Spring Boot+Vue 实现后端分页前端批量展示前言实现步骤1.PageBean工具类2.PageBeanResult类3.Controller调用4.前端批量展示前言在开发前端项目时,当我们需要展示的数据量过多从而无法一次性展示完的时候我们就会采用分页的方式,但是很多小白基本上都是使用element-UI或者其他方式实现前端分页,前端分页的弊端在于需要一次性将所有数据全部取出,当我们需要展示的内容基数过大时,如果一次性取出就会导致前端渲染缓慢,影响用户使用体验。而后端分页,前端批量展示的优势在原创 2021-07-04 18:06:31 · 1677 阅读 · 4 评论 -
Vue tinymce富文本编辑器实现与图片保存至阿里云OSS
Vue tinymce富文本编辑器实现与图片保存至阿里云OSS前言安装tinymce-vue下载tinymce下载中文语言包tinymce组件编写(base64存储)tinymce组件编写(阿里云OSS存储)1.安装oss2.获取到访问oss的accessKeyId和accessKeySecret:3.跨域问题4.在项目中配置oss.js5.tinymce-editor(阿里云)完整代码tinymce组件使用结果展示前言最近在做后台的文章发布功能,选了一圈的编辑器最后选择tinymce,不仅因为界面优美原创 2021-06-30 22:47:25 · 3465 阅读 · 6 评论 -
阿里巴巴IconFont的图标的下载使用
阿里巴巴IconFont的图标的下载使用前言阿里巴巴矢量图标使用步骤前言接着上一篇《Vue实现图片验证码、邮箱验证码以及Cookie记住我功能》,这篇文章主要给大家介绍下阿里巴巴矢量图标在Vue项目中的使用。Element UI中的图标本来就少,再加上可以满足用户需求的图标更是少之又少了。因此为了能更好的开发我们的Web项目,我们便采用了阿里巴巴矢量图标。阿里巴巴矢量图标官网阿里巴巴矢量图标使用步骤1. 进入官网搜索你想要的矢量图标2. 选择你想要的矢量图标,添加入库3. 点击右上角的购物车图原创 2020-12-29 15:03:20 · 3483 阅读 · 0 评论 -
Vue+Spring Boot实现图片验证码、邮箱验证码以及Cookie记住我功能(前后端代码详解)
Vue实现图片验证码、邮箱验证码以及Cookie记住我功能前言图片验证码实现Vue前端实现Spring Boot后端实现邮箱验证码实现Vue前端实现Spring Boot后端实现前言最近更新Vue和Spring Boot的文章偏多,算法类内容偏少,一方面因为最近在做毕设,用到前后端。另一方面是因为没时间,算法类文章整理费时,Vue和Spring Boot的文章整理起来偏简单。言归正传,接下来进入今天的主题,教大家如何实现图片验证码、邮箱验证码以及Cookie记住我功能。先分开讲解代码,文章最后会给出完整原创 2020-12-29 13:33:05 · 1913 阅读 · 2 评论 -
Vue利用Canvas实现逐帧播放图片不闪烁(Vue解决逐帧播放图片闪烁问题)
Vue利用Canvas实现逐帧播放图片不闪烁前言Vue代码实现实现效果前言Vue采用<el-image :src="src"></el-image>,通过动态改变图片地址来实现逐帧播放图片会引起严重的闪烁问题。原因是因为采用这种方式每次在切换图片时它都会先销毁上一张图片,从而暴露出背景颜色,再加载新的图片,因此产生严重的闪烁问题。要想解决此问题可以利用Canvas将图片绘制在画布上,当加载新图片时不去销毁上一张图片,这样就能解决逐帧播放图片闪烁的问题了。接下来先展示下我们一会逐原创 2020-12-28 00:56:01 · 2847 阅读 · 3 评论 -
Vue+Spring Boot使用ElementUI el-upload实现视频带参数上传(前后端代码详解)
Vue+Spring Boot使用ElementUI el-upload实现视频带参数上传(前后端代码详解)前言Vue实现带参数视频上传Spring Boot接收参数并保存视频实现效果视频上传前Vue前端视频上传中Vue前端视频上传成功后Vue前端视频上传成功后Spring Boot后端上传结果前言在百度上看到很多博主谈起Element UI el-upload大多都是对官网已有内容进行搬运,也仅限前端实现,无后端操作,更无扩展性讲解,千篇一律,枯燥无用,因此今天我给大家讲些有用的,如何实现前端带参数上原创 2020-12-27 23:34:41 · 6559 阅读 · 15 评论 -
Vue+ElementUI中使用Echarts绘制圆环图 折线图 饼图 柱状图
Vue+ElementUI中使用Echarts绘制圆环图 折线图 饼图 柱状图前言环境配置安装全局引用圆环图折线图饼图柱状图前言今天给大家介绍下如何在Vue+ElementUI中使用Echarts绘制圆环图 折线图 饼图 柱状图 (全局引用组件后,代码放入可直接运行)。环境配置安装//npm也一样cnpm install echarts --save全局引用main.js中配置//引入 echartsimport echarts from 'echarts'//注册组件Vue.pr原创 2020-12-22 16:13:51 · 21660 阅读 · 10 评论 -
JavaWeb调用Python深度学习算法,通过Base64实现帧(OpenCV)图片传递。(详细讲解Python,SpringBoot,Vue三方交互)
深度学习中遇到的问题总结DAY 4前言Python深度学习算法Python脚本在JavaWeb代码中访问python进程的代码Vue前端代码最终效果前言今天给大家分享的是SpringBoot利用Socket与Python深度学习算法进行通信,并将Python算法处理后的帧图片转化为Base64传给SpringBoot后端,最终在Vue前端显示的三方交互教程。Python深度学习算法我这里的算法(video.py)是利用摄像头检测人脸,标出先验框,然后返回标注好的视频帧,其他算法一样的思路。#---原创 2020-12-03 00:37:22 · 4711 阅读 · 6 评论