清叶 的专栏

原创 layui table 不刷新 不渲染，直接修改行数据

2、修改对应行，对应列(日期列)数据。

原创 vue tree 添加右键菜单

【代码】vue tree 添加右键菜单。

原创 combobox 添加第一个“全部”、“请选择”

原创 java 按模版生成word，docx格式、ftl，并以zip格式下载

java 按模版生成word，docx格式、ftl，并以zip格式下载

原创 svg或者canvas转为png图片，并下载

svg或者canvas转为png图片

原创 Wdatepicker onpicked 监测值改变事件

Wdatepicker onpicked 监测值改变事件

原创 js获取某月包含几周，每周的周一到周日的日期

js获取某月包含几周，每周的周一到周日的日期

原创 java URLEncoder.encode 对应 js解码

java URLEncoder.encode 对应 js解码

原创 js replace 正则表达式替换所有 & java下载包的地方

javascript replace

转载 spring引入quartz做定时任务 MethodInvokingJobDetailFactoryBean的方法

spring quartz做定时任务

原创 PLSQL中调试含clob字段的存储过程中出现 ORA-03127: 在活动操作结束之前不允许进行操作

sql 数据库错误ORA-03127: 在活动操作结束之前不允许进行操作

原创 svn 重新定位

svn

原创 查看Iconfont字体有哪些图标

iconfont,css

原创 layui tips 配合mouseenter、mouseleave事件

layui tips 配合mouseenter、mouseleave事件

原创 CSS 标签元素：nth-child、first-child、last-child

1、first-childfirst-child表示选择列表中的第一个标签。代码如下：li:first-child{background:#090}上面的意思是，li 列表中的 第一个li模块的背景颜色。2、last-childlast-child表示选择列表中的最后一个标签，代码如下：li:last-child{background:#090}3、nth-child(3)表示选择列表中的第3个标签，代码如下：li:nth-child(3){background:#090

原创 ＜td＞中内容自动换行

方法一<table style="table-layout:fixed;word-wrap:break-word;word-break:break-all"></table>方法二<table style="table-layout:fixed;word-wrap:break-word;"> <tr> <td style="word-wrap:break-word;"> </td> .

原创 easyui datagrid onClickRow与 操作列 冲突

{field: 'VC_CAOZUO',title:'操作',align:'center',width:50, formatter: function(value, row, index){ return '<span style="cursor:pointer" onclick="javascript:delHang(\'' +r.

原创 js 根据文件名称判断文件类型

/** * @param fname 文件名称 * @return 0:other 1:图片image 2:txt 3:excel 4:word 5:pdf 6:ppt 7:视频video 8:音频radio 9:zip 10:rar */function initFiletype(fname){ var result = '',suffix = ''; try{ var flieArr = fname.split('.'); suffix = fl.

原创 checkbox 设置单选

<input type="checkbox" name="aihao" value="唱歌" checked="" onclick="javascript:clickCKb(this)">唱歌<input type="checkbox" name="aihao" value="跳舞" checked="" onclick="javascript:clickCKb(this)">跳舞<input type="checkbox" name="aihao" value="绘画".

原创 oracle group 多列合并为一列

listagg(vc_mm,',') WITHIN GROUP(ORDER BY vc_date)

原创 layui table 重写导出Excel 复杂表头

效果如上，代码如下layui.extend({ excel:basePath+'/js/layui_exts/excel' });layui.use(['excel'],function(){ var excel = layui.excel;});var data = [ {id: 'ID', username: 'wang0', age: '', sex: '', score: '100', classi...

原创 layui table 修改页面值，不刷新页面

一、点击单元格更新数据table.on('tool(tbEvent)', function(obj) { var data = obj.data,layEvent = obj.event; var $this = $(this); layer.open({ title: '设置状态', type: 1,shade: false, maxmin: true, shade: 0.5,anim: 1,skin: 'layer-ext-myskin', ar...

原创 layui formSelects 选中项目后的【X】删除标志

效果图css样式div[xm-select-skin=default] .xm-select-title div.xm-select-label>span{ padding-right: 5px; } div[xm-select-skin="default"] .xm-select-title div.xm-select-label > span i{ display: none; ..

原创 layui select 一次性给多个select 绑定form.on事件

var oo = ['select_1','select_2','select_3']; for(var j=0;j<oo.length;j++){ form.on('select('+oo[j]+')', function (uu) { var vv = uu.elem.id; //获取给组件的id值 var value = $('#'+vv).val(); console.log(value +'=.

原创 layui layer 弹出框内容高度

layer.open({ title: '编辑', type: 1,shade: false, maxmin: true, shade: 0.5,anim: 1,skin: 'layer-ext-myskin', area: ['800px', '80%'],content:$('#detail'), btn:['保.

原创 layui formSelects 多选后按下拉顺序排序

<select id="selectid" xm-select-skin="default" xm-select="jiebr" xm-select-type="2"> </select>formSelects.on('jiebr', function (id, vals, val, isAdd, isDisabled) { .

原创 layui laydate type=‘time‘ 只显示时分

<style type="text/css"> /**以一刻钟为单位 */ .layui-laydate-list.laydate-time-list > li { width: 50%; } .layui-laydate-list.laydate-time-list > li:nth-child(3) { display: none !important; }</style>layda.

原创 easyUI datagrid 单个单元格编辑

datagrid 可实现编辑单元格，如果有多列都需要可编辑 当点击一个单元格 则此整行都会进行编辑，如图单个单元格编辑效果，如图核心代码如下var editIndex = undefined;//结束编辑 function endEditing() { if (editIndex == undefined) { return true } if ($('#dataView').datagrid('validateRow', editIndex)) ...

原创 vue canvas 画笔 矩形 圆形 清空画布 撤销 保存图片（鼠标滑动成圆形矩形）

<template> <div class="test"> <canvas id="canvas" width="800" height="600" ref="canvas" @mousedown="canvasDown($event)" @mouseup="canvasUp($event)" @mousemove="canvasMove($event)" >&lt..

原创 Content type ‘multipart/form-data；boundary=----WebKitFormBoundaryInAe6JTEql4Yt9C3；charset=UTF-8‘ not

@PostMapping("/") public RespBean addRole(@RequestBody Role role){ if (roleService.addRole(role) == 1) { return RespBean.ok("添加成功!"); } return RespBean.error("添加失败!"); }默认就是通过@RequestBody 的方式请求的也就是每一...

原创 echarts 点击事件，点击一次多次触发

通过chart.off('click')事件解决

原创 CSS下划线设置距离

.b{ text-decoration:none;border-bottom:1px solid #555; /* #555换成链接的颜色 */display: inline-block;padding-bottom:10px; /*这里设置你要空的距离*/}<span class="b">CSS下划线设置距离</span>

原创 layui laydate 时间框弹窗点击弹出后立马消失

为 laydate 添加trigger: 'click'属性laydate.render({ elem: '#cdate', trigger: 'click' ,change: function (value, date, endDate) { $('#cdate').val(value); $('#layui-laydate4').remove();//选择后日期框隐藏，layui...

原创 layui-tree 修改鼠标hover颜色改变

.layui-tree-line .layui-tree-entry:hover .layui-tree-txt{ color: #ffffff !important;}

原创 idea 启用lombok

1、IDEA 安装了 lombok 插件，具体安装方法如下：File => Settings => Plugins => Marketplace。在 Marketplace 中搜索 lombok 并安装，安装成功后 lombok 会显示在 installed 标签下2、启用了 Annotation processing，启用方法：File => Settings => Build, Execution, Deployment => Compiler => ...

原创 echarts 黑色样式

<!-- THIS EXAMPLE WAS DOWNLOADED FROM https://echarts.apache.org/examples/zh/editor.html?c=dataset-simple1--><!DOCTYPE html><html style="height: 100%"> <head> <meta charset="utf-8"> </head> &l.

原创 div+CSS3实现圆角按钮代码

<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>div+CSS3实现制作精美漂亮的圆角按钮特效代码</title><style type="text/css">.demo{width:760px; margin:20px auto 0 auto; height:70px;}.button { display: inline-block; ou.

原创 css实现液晶字体效果

<!DOCTYPE html><html lang="zh-cn"> <head> <meta charset="utf-8" /> <title>使用css实现液晶字体效果</title> <script src="https://common.cnblogs.com/scripts/jquery-2.2.0.min.js"></script> .

原创 layui tree

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Layui</title> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewp.

原创 jQuery环形图标菜单旋转切换特效

下载