qq_40386177的博客

原创 react 踩坑记录

react状态更新是异步的，所以在 updateInfo 函数内部访问的 info 实际上仍然是闭包中的那个旧值，并没有得到及时更新，所以出现了文本框输入的内容无法正确更新的问题。

原创 JavaScript通过canvas绘制可以自定义颜色、文字效果的动态环形进度条

早些时候写过的一个大屏项目，环形进度条是使用css来实现的，但为避免一下样式问题，使用现在尝试对以前的功能进行修改，使用canvas进行绘制，并能自定义颜色和文字样式。height100px

原创 Grid网格布局

3列，第1列宽度为50px,第2列和第三列按照1:1的比例占据剩余空间。3列，列宽分别为50px 100px 150px。可以使子元素按列排放，如下代码所示。3列，列宽统一为80px。

原创 动画学习记录： SVG文字动画

SVG文字动画

原创 vue3学习笔记

vue3

原创 工作中遇到的echarts

echarts

原创 vue滚动条滚到顶部，并且是平滑滚动

vue 滚动条

原创 Java + Element-UI 树形菜单

Java代码： // 获取文档类别树形菜单 public Map getFileSort(){ Map outMap = new HashMap(); // 获取所有的类别 List<Map> fileSort = fileManageDao.getFileSort(); List<Map> list; // p_sort_code ==0 的时候是根节点 list =

原创 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);

原创 html + vue + axios能获取数据但是无法渲染

原来的代码如下这里无法渲染的原因是then里面不能使用vue实例化的this，因为内部this没有被绑定，解决方法1.用ES6箭头函数，箭头方法没有this，可以和父方法共享变量2.在请求axios外面定义一下 var that=this...

原创 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

原创 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

原创 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'),

原创 Echarts会遇到的功能（不定时更新）

背景网格线颜色设置yAxis: { type: 'value', splitLine: { show: true, lineStyle: { color: ['#0B2C57'], // 这里设置网格颜色 width: 1, type: 'solid' } }, axisLine: { show: true }, },柱形图渐变颜色和柱体大小 series:

原创 van-icon 不居中的问题

<van-icon name="arrow" style="font-size:11px; vertical-align: -25%;" />添加样式vertical-align，根据实际情况进行调整。

原创 elementUi 表单验证失效的问题

如上图所示，提交表单时，接收人和反馈内容的表单验证无效。权限的下拉文本框有单独推送和群推送，选择不同的推送方式会显示不同的接收人，我又想着表单打开的时候权限默认给它选择单独推送，此时问题来了，接收人和反馈内容这两个文本框的验证失效了。如下图所示，我给三个下拉列表都设置了默认值。解决方法如下，将单独推送和群推送的两个表单项显示方式从v-if改成v-show：修改成如下所示：修改完成。...

原创 swal()弹窗多个按钮

swal({ title: "用户是否已经付款?", icon: "warning", dangerMode: true, buttons: { cancel: "取消", defeat: "未付款", confirm: { text:"已付款", value: "confirm" } } }).then((value) => { switch (value) { case "defeat":

原创 Nginx部署项目配置文件

client_max_body_size 50m; // 上传文件大小

原创 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";/

原创 前端字符串对象转JSONArray

前端： var cs = { data: JSON.stringify(this.delData) }后端：JSONArray jsonArray=JSONArray.parseArray( paramsMap.get("data").toString());

原创 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 进程号

原创 swing渲染echarts的方法

let myChart = this.$echarts.init(document.getElementById('myChart'), null, { renderer: 'svg' })

原创 li最后一个元素设置样式

li:not(:last-of-type) {border-bottom:1px solid black}

原创 【css3笔记】 更改网页字体选中的样式

div:nth-of-type(2)::selection {color:yellow;background-color:green}

原创 笔记：echart响应式处理

原创 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

原创 es6 querySelector选择器的封装

let $ = name => document.querySelector(name)$(".submit").οnclick=()=>{let _name = $(".name").value;}

原创 【学习笔记】利用伪元素来清除浮动

.wrapper::after {content: “”;clear:both;display:block;}clear只生效与块级元素

原创 学习笔记：解决margin塌陷的问题

改变父标签的渲染规则

原创 es6 数组去重

remove(arr) { return Array.from(new Set(arr)) }

原创 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

原创 bootstrap+springboot，ajax进行提交时，使用$(““).modal(‘hide‘)将弹出框进行隐藏，但是出现了页面点击不了的问题

这是前几个月项目遇到的问题，查找了资料，隐约记得是有残留没有关掉，在页面点击f12找到了那些没有关掉的内容，使用了以下代码进行清除如下面两张图所示，我就是这两个地方没有清掉导致页面点击不了所以我在ajax提交的代码中添加了以下代码，问题就得到解决。$(".modal-backdrop").remove();$("#myModal").removeClass("show")但是之后问题又来了，虽然提交之后能正常点击页面，但是有时候又会出现弹出框出不来，但是遮罩层又出来的情况。查找了点资料，

原创 根据当前的时间，判断活动是否开始、进行中、结束

//根据当前时间判断活动的状态 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.

原创 富文本编辑器 jq获取富文本编辑器的值，jq对富文本编辑器进行赋值

<textarea rows="" cols="" id="c_text"></textarea>进行赋值：KindEditor.html("#c_text", json.“内容”);获取内容:KindEditor.sync("#c_text")alert($(’#c_text’).val())

原创 vue+element表格：当有多页数据时，且尾页只剩一条数据时，删除尾页的数据，页面会置空

vue+element表格：当有多页数据时，且尾页只剩一条数据时，删除尾页的数据，页面会置空。如下所示，点击删除会有以下情况我的做法是，在删除方法里面加上这句代码this.total是当前的总条数，this.pagesize是页面每页显示多少条，this.curpage是当前选中的页码。**if ((this.total - 1) % this.pagesize === 0) { this.curpage = this.curpage - 1

原创 导入excel表格数据

javaWeb导入excel表格数据，表格包含图片，保存到数据库中导入excel表格数据做个记录吧，方便查找导入后缀是xls的表格的方法 private List<FoodBean> readXls(String path,HttpServletRequest request) throws IOException, InvalidFormatException { HSSFWorkbook hssfWorkbook = null; try {