- 博客(36)
- 资源 (1)
- 问答 (3)
- 收藏
- 关注
原创 react 踩坑记录
react状态更新是异步的,所以在 updateInfo 函数内部访问的 info 实际上仍然是闭包中的那个旧值,并没有得到及时更新,所以出现了文本框输入的内容无法正确更新的问题。
2023-08-19 15:31:18 106
原创 JavaScript通过canvas绘制可以自定义颜色、文字效果的动态环形进度条
早些时候写过的一个大屏项目,环形进度条是使用css来实现的,但为避免一下样式问题,使用现在尝试对以前的功能进行修改,使用canvas进行绘制,并能自定义颜色和文字样式。height100px
2023-05-19 23:52:07 1015
原创 Grid网格布局
3列,第1列宽度为50px,第2列和第三列按照1:1的比例占据剩余空间。3列,列宽分别为50px 100px 150px。可以使子元素按列排放,如下代码所示。3列,列宽统一为80px。
2023-03-30 00:04:21 165
原创 Java + Element-UI 树形菜单
Java代码: // 获取文档类别树形菜单 public Map getFileSort(){ Map outMap = new HashMap(); // 获取所有的类别 List<Map> fileSort = fileManageDao.getFileSort(); List<Map> list; // p_sort_code ==0 的时候是根节点 list =
2022-05-27 16:29:01 364
原创 Java 上传zip文件把解压后的文件存到另外的文件夹
// zip文件上传 public Map uploadFile(MultipartFile[] files) { Map outMap = new HashMap<String, Object>(); try { // zip文件存放路径 String path = localpath + "/document"; File dir = new File(path);
2022-05-24 17:26:57 1432
原创 html + vue + axios能获取数据但是无法渲染
原来的代码如下这里无法渲染的原因是then里面不能使用vue实例化的this,因为内部this没有被绑定,解决方法1.用ES6箭头函数,箭头方法没有this,可以和父方法共享变量2.在请求axios外面定义一下 var that=this...
2022-04-07 11:36:26 1600
原创 el-select 数据过多会导致卡顿的问题
<template> <!--老师课表查看--> <div class="out" style="padding:10px"><el-select placeholder="请选择老师" v-model="teacher" filterable v-el-select-loadmore="loadmore" :filter-method="filterVmModel" clearable @change="clearList"> <el-o
2022-01-07 17:19:15 1124
原创 html 4种居中方式
1.弹性盒居中 .wrapper{ width: 300px; height: 300px; border:1px solid black; display: flex; justify-content: center; align-items: center; } .content{ width: 100px; height: 100px; border: 1px solid b
2021-12-23 15:34:07 1203
原创 HTML led字体包
css字体引入@font-face { font-family: 'ledFont'; src: url('./font/ds-digi-webfont.eot'); /* IE9 Compat Modes */ src: url('./font/ds-digi-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./font/ds-digi-webfont.woff') format('woff'),
2021-12-16 18:51:01 589
原创 Echarts会遇到的功能(不定时更新)
背景网格线颜色设置yAxis: { type: 'value', splitLine: { show: true, lineStyle: { color: ['#0B2C57'], // 这里设置网格颜色 width: 1, type: 'solid' } }, axisLine: { show: true }, },柱形图渐变颜色和柱体大小 series:
2021-12-14 11:51:41 940
原创 van-icon 不居中的问题
<van-icon name="arrow" style="font-size:11px; vertical-align: -25%;" />添加样式vertical-align,根据实际情况进行调整。
2021-09-30 17:25:04 1117
原创 elementUi 表单验证失效的问题
如上图所示,提交表单时,接收人和反馈内容的表单验证无效。权限的下拉文本框有单独推送和群推送,选择不同的推送方式会显示不同的接收人,我又想着表单打开的时候权限默认给它选择单独推送,此时问题来了,接收人和反馈内容这两个文本框的验证失效了。如下图所示,我给三个下拉列表都设置了默认值。解决方法如下,将单独推送和群推送的两个表单项显示方式从v-if改成v-show:修改成如下所示:修改完成。...
2021-09-22 17:24:28 568
原创 swal()弹窗多个按钮
swal({ title: "用户是否已经付款?", icon: "warning", dangerMode: true, buttons: { cancel: "取消", defeat: "未付款", confirm: { text:"已付款", value: "confirm" } } }).then((value) => { switch (value) { case "defeat":
2021-08-13 09:37:42 1557
原创 JAVA SXSSFWorkbook 通用的excel表格导出
public Map ExportExcel(String ppath,List<Map> list,String colnames,String coltitles) { Map outmap = new HashMap<String, Object>(); //ppath:E:\wokespace\myeclipse2014workspace\cswl\WebRoot\ String path = ppath + "temple/t.xlsx";/
2021-07-13 17:24:27 2208 1
原创 前端字符串对象转JSONArray
前端: var cs = { data: JSON.stringify(this.delData) }后端:JSONArray jsonArray=JSONArray.parseArray( paramsMap.get("data").toString());
2021-07-09 16:47:22 2798
原创 linux指令
启动jar包的语句:nohup java -jar net_school-0.0.1-SNAPSHOT.jar > catalina.out 2>&1 &查看进程:ps -ef |grep net_school-0.0.1-SNAPSHOT.jar杀死进程:kill -9 进程号
2021-06-24 14:53:14 54
原创 swing渲染echarts的方法
let myChart = this.$echarts.init(document.getElementById('myChart'), null, { renderer: 'svg' })
2021-06-08 09:43:36 539
原创 【css3笔记】 更改网页字体选中的样式
div:nth-of-type(2)::selection {color:yellow;background-color:green}
2021-06-01 17:39:19 76
原创 VUE - video-player添加水印,全屏后水印也能在
<template> <div @contextmenu.prevent="menuPlayer()"> <video-player id="myVideo" class="video-player vjs-custom-skin" ref="videoPlayer" :playsinline="true" :options="playerOptions"> </video-player> </div></templ
2021-05-25 10:43:52 3218
原创 es6 querySelector选择器的封装
let $ = name => document.querySelector(name)$(".submit").οnclick=()=>{let _name = $(".name").value;}
2021-05-21 15:03:33 524
原创 【学习笔记】利用伪元素来清除浮动
.wrapper::after {content: “”;clear:both;display:block;}clear只生效与块级元素
2021-04-27 14:52:31 50
原创 element-ui使用日历控件,如何在指定的日期显示一个小点
效果图如下:代码:<!--日历--><el-calendar v-model="value" style="height:620px" class="el_cal_out"> <template slot="dateCell" slot-scope="{ data}"> <p style="margin:0px"> {{ data.day.split('-').slice(2).join() }}&l
2021-03-24 16:04:05 3017 4
原创 bootstrap+springboot,ajax进行提交时,使用$(““).modal(‘hide‘)将弹出框进行隐藏,但是出现了页面点击不了的问题
这是前几个月项目遇到的问题,查找了资料,隐约记得是有残留没有关掉,在页面点击f12找到了那些没有关掉的内容,使用了以下代码进行清除如下面两张图所示,我就是这两个地方没有清掉导致页面点击不了所以我在ajax提交的代码中添加了以下代码,问题就得到解决。$(".modal-backdrop").remove();$("#myModal").removeClass("show")但是之后问题又来了,虽然提交之后能正常点击页面,但是有时候又会出现弹出框出不来,但是遮罩层又出来的情况。查找了点资料,
2021-03-24 15:29:30 750
原创 根据当前的时间,判断活动是否开始、进行中、结束
//根据当前时间判断活动的状态 SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); for (Map map:list){ Date nowTime = df.parse(String.valueOf(map.get("now"))); Date startTime= df.parse(String.valueOf(map.
2021-01-13 10:57:22 1611
原创 富文本编辑器 jq获取富文本编辑器的值,jq对富文本编辑器进行赋值
<textarea rows="" cols="" id="c_text"></textarea>进行赋值:KindEditor.html("#c_text", json.“内容”);获取内容:KindEditor.sync("#c_text")alert($(’#c_text’).val())
2021-01-09 22:24:27 1055
原创 vue+element表格:当有多页数据时,且尾页只剩一条数据时,删除尾页的数据,页面会置空
vue+element表格:当有多页数据时,且尾页只剩一条数据时,删除尾页的数据,页面会置空。如下所示,点击删除会有以下情况我的做法是,在删除方法里面加上这句代码this.total是当前的总条数,this.pagesize是页面每页显示多少条,this.curpage是当前选中的页码。**if ((this.total - 1) % this.pagesize === 0) { this.curpage = this.curpage - 1
2020-12-29 15:53:44 534 2
原创 导入excel表格数据
javaWeb导入excel表格数据,表格包含图片,保存到数据库中导入excel表格数据做个记录吧,方便查找导入后缀是xls的表格的方法 private List<FoodBean> readXls(String path,HttpServletRequest request) throws IOException, InvalidFormatException { HSSFWorkbook hssfWorkbook = null; try {
2020-10-09 15:57:31 89
json server安装的时候没有报错 验证不行。
2019-05-19
json server安装的时候没有报错 但是验证的时候提示
2019-05-19
javaweb 用户可以自由选择出现的行列数(每页要显示多少);
2019-03-31
TA创建的收藏夹 TA关注的收藏夹
TA关注的人