![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
Gemini_Kanon
Second place means you are the first loser.
展开
-
Element UI中Steps 步骤条description描述换行展示
突然要求加了个显示字段,之前的代码只能显示一行,于是乎找到了解决办法,代码如下:其中的属性自行到官网查看释义吧:Element UI官网传送门<el-table> <!-- 可展开的表格 --> <el-table-column type="expand"> <template slot-scope="props"> <el-steps :active="props.row.progressB原创 2022-01-04 16:51:18 · 5257 阅读 · 2 评论 -
JavaScript字符串和Base64互转
JavaScript提供了两个原生Base64相关方法: btoa():字符串或二进制值转为Base64编码 atob():Base64编码转为原来的编码字符串转Base64:function encode () { let str = encodeURI("哈哈"); let base64 = btoa(str ); console.log(base64);}Base64转字符串:function decode () { let haha =原创 2021-11-12 16:47:16 · 10547 阅读 · 0 评论 -
vue刷新页面
有的时候需要当前页面刷新,之前的js或jq可通过一下代码进行刷新页面location.reload();或window.location.reload();也可以通过vue自带的方法刷新页面this.$router.go(0);但是这两种刷新页面的方法都会是页面闪烁一下,很显然不是我们想要的,推荐用下面的方法进行页面的刷新首先在App.vue中编写如下代码<template> <div id="app"> <router-view原创 2021-04-06 13:48:29 · 176 阅读 · 0 评论 -
js选择多张照片回显并上传
之前写过上传图片的相关需求,回显是图片上传到服务器后返回的路径,这回来个不一样的,选择图片之后直接用js的内置文件流回显出来再在form表单里同一提交数据,上传图片,接下来上代码//样式就不写了,各位喜欢什么样式自己写,或者直接找个前端框架都有了HTML:<form id="myForm" method="post" enctype="multipart/form-data" > <p>选择图片</p> <!-- accep原创 2020-05-19 15:44:31 · 1592 阅读 · 6 评论 -
微信公众号网页授权获取用户信息
之前写了公众号项目,这几天需求网页直接获取用户信息小编直接用之前的获取openid接口的方式一顿操作······猛如虎,结果到官网一看网页授权的接口和之前用的不一样(定睛一看原地杵)~下面代码搞起来首先前端页面生成二维码:<!DOCTYPE html><html> <head> <meta http-equiv="con...原创 2020-05-07 09:48:22 · 748 阅读 · 2 评论 -
js获取年份时间段赋值给select标签
var year=new Date().getFullYear();for (var i = year;i >= year - 70;i--){ var option = document.createElement ('option'); option.value = i; var txt = document.createTextNode (i); o...原创 2020-02-17 11:32:18 · 459 阅读 · 0 评论 -
Echarts生成柱状图饼状图(二)
上篇纹章介绍了利用echarts插件生成静态柱状图、饼状图,这篇纹章跟大家分享下动态生成图形(自己也踩了几个小坑儿)~直接上代码了动态生成柱状图:后端代码:因为项目需求我只查询出几个数字,后台数据可以根据需要自己定(小编这里用的MongoDB数据库)public Map getData (HttpSession session) { Criteria hahaCriteria...原创 2019-11-15 16:31:11 · 580 阅读 · 0 评论 -
Echarts生成柱状图饼状图(一)
最近项目需求根据数据生成柱状图,饼状图等统计图小编又学了学,先发个生成静态的代码~首先到Echarts官网下载echarts.js文件引入到你的HTML文件中<script type="text/javascript" src="echarts.js"></script>生成柱状图:<div id="main" style="width: 600px...原创 2019-11-15 15:36:53 · 738 阅读 · 0 评论 -
Failed to convert value of type 'java.lang.String' to required type 'java.util.Date';
今天小编写新项目向数据库插入数据时遇到了一个小阻碍,当前端form表单提交数据时后端controller就报了标题的错,原因是前端提交到后端的数据时string类型的,而实体类中需要的是date型的数据,所以报了这个错误~ajax代码:$.ajax({ type: 'POST', url: '/zouni', data: $("#myForm").serializ...原创 2019-07-29 14:11:28 · 5182 阅读 · 0 评论 -
js实现浏览器页面标题闪烁
<script type="text/javascript"> var msg = { time: 0, title: document.title, timer: null, //显示新消息提示 show: function () { var title = msg.title.replace("", "").replace("【您有新消息...原创 2019-06-26 09:36:36 · 1861 阅读 · 3 评论 -
springmvc+mybatis+thymeleaf简单demo
今天又踩了一下午坑玩儿了这东东出来,分享一下:springmvc+thymeleaf3的简单demo首先创建一个maven工程(web工程也一样)-springmvc+mybatis逆向工程+thymeleaf:其他springweb的jar包就不一一说了,这里主要应用到两个jar包:thymeleaf-3.0.11.RELEASE.jar和thymeleaf-spring5-3.0.2....原创 2019-06-04 17:26:52 · 388 阅读 · 0 评论 -
springboot+mybatis+thymeleaf简单demo
今天再来个springboot+mybatis逆向工程+thymeleaf的简单demo,比springmvc坑还要多~话不多说,言归正传,开门见山!!!首先大家可以先到springboot官网上生成一个项目,这样比较方便,而且启动类和pom.xml的一些依赖也可以直接生成出来,可以省事不少,当然要是想手动自己建也可以,本片介绍前种官网生成法~1、进入springboot官网:https:...原创 2019-06-05 16:25:13 · 557 阅读 · 0 评论 -
IE浏览器不支持map报错SCRIPT5009: "map"未定义
大家好,今天小编来和大家分享一个关于js的经验~虽然是现学现卖,但是效果是好使的~前不久做了一个WebService项目,完成后在火狐和谷歌浏览器上测试都好使,但是忘了ie这个大哥了,今天客服接到电话说在ie浏览器下查不到数据,于是小编各种寻找解决办法(后台代码打断点,前台浏览器监控返回数据,均显示无问题),突然无意间看了下浏览器控制台报错SCRIPT5009: "map"未定义,于是上网翻了...原创 2019-03-13 14:39:34 · 4971 阅读 · 8 评论 -
WebSocket实现聊天室
原著地址:https://blog.csdn.net/qq_36899469/article/details/78477217最近小编又犯愁了,项目需求做一个实时的在线客服,小编又是上网各处找办法,最后锁定了一项技术WebSocket,但是对于小编来说这项技术只是听说过,从来没使用过,网上找的各种代码不是只有前端就是只有后端,简直要把我弄疯了,时隔三日我找到了如上链接里的代码,属实帮助到了我~...转载 2019-02-15 16:20:22 · 768 阅读 · 3 评论 -
前端页面使用html2canvas生成图片
最近小编一直被这个问题困扰着,公司项目需求:公众号长按图片保存到手机,但是页面上相关内容都是图片和文字(前后端都有)组成,于是乎我到网上各种找办法,最后锁定了这个html2canvas前端生成图片(canvas画布)的方法,但是问题随之而来,网上各种大佬的代码不是少这就是少那,对于刚入行半年的萌新来说有的根本看不懂,但是皇天不负有心人最后我终于找到了一篇代码解决了这个事情,接下来把代码放上来~...原创 2018-11-21 17:04:19 · 8139 阅读 · 3 评论 -
nginx代理WebSocket时自动断开连接
前阵子小编刚做好了一个websocket项目,可以实现实时聊天,但是最近两天小编突然发现了一个问题,由于我这个项目放到了nginx上做了反向代理,websocket协议连接上后隔一段时间之后会自动断开连接(nginx上一分钟自动快开,本地用外网穿透natapp五分钟自动断开)。刚开始小编并不知道有这么一回事,后来经过各种网上翻找才知道,接下来给大家写出俩解决方法~1、nginx配置反向代理时会...原创 2019-03-21 13:38:17 · 10005 阅读 · 0 评论 -
laydate限定某天不可选
最近因为客户的需求,又小小的研究了下layui的laydate,不得不说这个时间控件不错,UI也好看,但是该控件现在还没有类似的方法,限定某天不可选,恰巧客户就要求这个~你说气不气~上网各种找方法最终终于解决了~思路是这样的,laydate渲染完成后实际上是一个table,table的类名也是有的,可以循环这个table的td,最后在符合你的条件的td上加上一个laydate-disabled...原创 2019-04-16 15:47:06 · 3019 阅读 · 0 评论 -
java实现websocket聊天室
之前发过了一篇文章关于websocket聊天室的,但是那个太精简,最近弄了个比较华丽的,也是参考了大神的demo~我的这个聊天室主要是以私聊为主,登录后点击想要聊天的人然后私聊,原两位博主的聊天室有群聊大家可以借鉴一下!并且我已经在项目里面规定好了心跳包,可以保持协议长连接~资源已上传,大家可以直接下载~路径如下:https://download.csdn.net/download/g...原创 2019-04-17 12:23:19 · 625 阅读 · 2 评论 -
onclick触发type=file并上传文件
最近又研究了点前端的东西(小编也是见了鬼,身为后端程序员净干前端活儿了),通过onclick函数触发input的type="file"并实现上传文件,目的是为了美化input的上传文件功能,而且我发现了个事儿,网上的代码有用的很多,实用的没几个,基本贴出来的代码不是不全就是运行报错,这对于新手来说属实很闹心······下面贴代码~<button id="uploadBtn">走你...原创 2019-05-09 15:41:50 · 6049 阅读 · 2 评论 -
js实现ctrl+v粘贴并上传图片
再分享一个刚学会的小东东:聊天室实现ctrl+v粘贴并上传图片,亲测有效(目前只能粘贴QQ或者微信的截图上传,桌面上的图片直接复制再粘贴无效,今后再深究),下面上代码前端页面:<textarea class="scroll" id="text" placeholder="在此输入..."></textarea><script type="text/jav...原创 2019-05-28 10:27:48 · 3708 阅读 · 6 评论 -
js获取后台的传值问题
var user = ${id};在前端页面js里这么写控制台会报错,${id}的值可以取到,但是无法进行后续的操作,会报错undefined;var user = "${id}";这么写,在取值外加上双引号...原创 2019-03-20 15:37:26 · 4527 阅读 · 0 评论