技术
lovlin_l
这个作者很懒,什么都没留下…
展开
-
基于elementui的月日插件,不包含年
有个需求是只要求设置月和日,不需要设置年份,按照闰年来计算,搜索官网,并没有符合要求的组件,于是自己写了个组件,后期有用到的童鞋可以来借鉴老规矩,先上图可选择月份代码如下:<DateMonthDay :date.sync="form.date" :dateDefault="form.date"></DateMonthDay>jsimport DateMonthDay from '@/components/DateMonthDay'DateMonthDay<原创 2021-05-11 15:01:58 · 1988 阅读 · 0 评论 -
jekins离线部署前端vue项目上传远程服务并部署
jekins离线部署前端vue项目安装配置jekins修改workspace工作控件创建打包项目运行安装官网下载jekins安装包 官网下载安装包下载离线包链接: https://pan.baidu.com/s/1LpfgXXhpGcHQvLFKnsp20A 提取码: 1v3bjekins命令,再url里http://url:port/reload重新加载,http://url:port//exit关闭服务,http://url:port//restart重启服务配置jekins点击高级原创 2021-04-30 17:05:50 · 440 阅读 · 2 评论 -
解决elementui,table抖动问题,:key=“Math.random()“
以前开发了一个功能,table的column,可以根据条件if来判断是否显示,于是乎就看网上有个解决办法,是在column上增加个key属性:key="Math.random()",完美的解决了if判断不显示的问题。可是后来,发现,界面有form表单的列表,input变得越来越卡,输入都是卡顿,优化了好多地方都是无解,最终是因为:key="Math.random()"导致的,因为每次跟新表单的时候,key的随机数会发生变化,导致了组件的渲染,这也是table抖动的原因,解决办法是替换key属性,不要使用原创 2021-03-29 16:43:55 · 5125 阅读 · 2 评论 -
解决elementui table固定列的时候,滚动条被遮挡的问题(适用合计)
前段时间突然发现,当固定table列的时候,右侧的滚动条会被折腾,而不能拖动,上图以前的时候固定列都是在右侧,也没有注意到这种问题,上次放到左侧,才发现拖不了了,上官方issues上找到了问题所在,官方的bug方案一通过设置css属性.el-table__body-wrapper{z-index: 2}就可以了,但是有个小问题就是右侧浮动,中间的部分,失去了阴影,感觉没有分离开https://github.com/ElemeFE/element/issues/20515方案二.转载 2021-01-08 16:20:39 · 5609 阅读 · 0 评论 -
vue防止表单重复提交,节流函数
有的时候网速不好,或者用户习惯不好的时候喜欢双击按钮,就会造成表单重复提交多次,看下图然后添加了个节流函数,这样在短时间内点击的话,只会执行一次,上代码:/** * 节流函数 在规定的时间内请求函数的次数 * @param fn 需要执行的方法 * @param interval 执行的间隔时间 */export function _throttle(fn, interval) { let last = 0 let timer const interVal = inte原创 2020-09-21 13:51:06 · 2228 阅读 · 1 评论 -
VUE 调用PC摄像头,HTTP下也可以使用
由于内网使用,调用当前pc的摄像头,进行拍照上传功能,而浏览器由于安全策略考虑,只支持本地调用摄像头,服务器上禁止使用,新版chrome支持修改安全协议,代码如下:chrome://flags/#unsafely-treat-insecure-origin-as-secure下面写了个子组件photo.vue,来调用,可以上传多张照片,通过elemenui支持查看<template> <div> <el-dialog v-el-drag-dialog翻译 2020-09-18 11:30:43 · 2639 阅读 · 0 评论 -
列表加锚点定位
有时候会有一些特别的需求,比如说想实现一个列表,而且列表里面有多条同类型的数据,想区分他们,但是普通的table实现不了,只能自己另辟蹊径了,滚动的时候固定当前的头部,横向滚动固定左侧数据等;如下图:代码例子如下:<template> <div class="app-container"> <div class="num-box"> <div ref="numBoxLoading"> <div id.原创 2020-08-17 13:54:21 · 659 阅读 · 0 评论 -
解决elementui table合计不显示的问题
有时候需要在table的底部有合计,这时候官方给的是在table里设置,show-summary就可以了但是给table加了一个固定高度话,就没有了,打开控制台可以看到这个合计是存在的于是乎,在vue的生命周期updatedthis.$nextTick(() => { this.$refs['table'].doLayout();}) 添加这个就解决了...原创 2020-06-17 15:10:58 · 6781 阅读 · 5 评论 -
elementUI Table的行合并通用方法
有些业务需求是需要table进行行合并的,所以就写了个通用的方法来处理,废话不多说,先上图首先是内部使用el-table的方法:span-method='objectSpanMethod'data() { return { table: [{ id: '1', checkRoom: 'CTROOM', checkProject: '颈椎...原创 2019-05-29 18:16:44 · 16529 阅读 · 57 评论 -
微信分享invalid signature签名错误的坑
前一段时间做了一个微信分享的东西,而且前端框架用的是VUE,被这个东西快折磨疯了,一个列表页,一个详情页,分享详情页的时候,会报错invalid signature签名错误。当时就不淡定了,然后开始了排坑之路,根据官网的各种校验错误问题,没有发现有什么区别建议按如下顺序检查:1.确认签名算法正确,可用http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=j...翻译 2018-05-08 11:16:39 · 37193 阅读 · 4 评论 -
js toFixed失去精度问题
今天写代码的时候遇到了个bug,就是计算金额的时候有个四舍五入,平常都是用toFixed方法来计算,而今天碰到了一个数,很是奇怪,就是1.335用toFixed方法算出来是1.33,代码如下:Number(1.335).toFixed(2); // 输出1.33这时候可能会有人给出解决办法,就是原来的数乘以100,然后用Math.round()进行四舍五入,然后再除以100,代码如下:...原创 2018-04-13 18:13:53 · 2556 阅读 · 7 评论 -
js弹出框,垂直居中+蒙板
<!DOCTYPE html><html><head><meta charset="utf-8"><title>弹框蒙板</title><style> body{margin:0;overflow:hidden;} .btn{ width:100px; height:30p原创 2018-03-13 19:29:01 · 390 阅读 · 0 评论 -
js实现斐波那契数列
<script>// 斐波那契数列var i = 1;var list = [];var nLength = 30; // 输出的个数// 第一种 递归function getList(first,last){ if(i > nLength){ console.log(list); return list; } ...原创 2018-03-18 22:34:47 · 1101 阅读 · 0 评论 -
vue引入网络第三方js(引入高德地图为例)
1.界面引入组件remoteload<!-- 描述:拖放地图组件,默认尺寸是 500 * 300 接收属性参数: lat: 纬度 lng: 经度 自定义事件: drag: 拖放完成事件 示例: <mapDrag @drag="dragMap" lat="22.574405" lng="114.095388"></mapD...翻译 2018-02-11 16:07:02 · 12312 阅读 · 2 评论 -
Jaspersoft iReport Designer 5.6.0 的使用
详情请看 http://note.youdao.com/noteshare?id=ea38edd7b3358ab14172a90837819555点击打开链接原创 2016-10-21 14:45:40 · 5984 阅读 · 0 评论 -
ireport 5.6.0的使用(打印模板word,excel)
1.在pom.xml中导入jar包 net.sf.jasperreports jasperreports 5.6.0 org.codehaus.groovy groovy-all 2.2.2 2.在spring-mvc中添加 0原创 2016-10-21 14:41:43 · 3084 阅读 · 0 评论 -
解决IE浏览器,img的src加载图片问题
在“强大的”IE浏览器面前,有个BUG,就是当你界面访问后台数据的时候,加载不出来,但是请求头是有东西的。如果遇到这种问题,以下是解决办法在你后端访问的action里找到所请求的方法:设置图像的mime类型就可以了。MagicMatch 对象依赖的jar包,在pom里导入即可 net.sf.jmimemagic jmimemagic 0.1原创 2016-10-21 14:21:00 · 15850 阅读 · 1 评论 -
angularJs解决手机端敲空格的时候,出现div问题
解决手机端敲空格的时候,后台保存问题在前端显示的界面添加contenteditable="false" ng-model="*"可以完美解决原创 2017-02-14 15:47:14 · 315 阅读 · 0 评论 -
setTimeout参数传递obj对象时,循环调用解决办法
setTimeout参数传递obj对象时,循环调用解决办法function a(obj) { setTimeout(function () { a(obj); }, 1000);}如果要是改成这样的就是错误的,function a(obj) { setTimeout(function (obj) { a(this); }, 1000...原创 2017-02-16 09:33:49 · 754 阅读 · 0 评论 -
JS Date格式化日期问题,时间显示区别
var date = new Date("2017/2/16");输出结果Thu Feb 16 2017 00:00:00 GMT+0800 (中国标准时间)var date = new Date("2017-2-16");输出结果Thu Feb 16 2017 08:00:00 GMT+0800 (中国标准时间)日期格式不一样,显示的时区不一样原创 2017-02-16 11:21:30 · 1536 阅读 · 0 评论 -
elementUI中实现表单重置
当我们在用elementUI开发的时候,会遇见一种情况,就是大表单的提交,当你面临一个form有N多字段的时候,清空表单是个绝望的事情,而elementUI里面的重置方法缺不能用,很是尴尬,这时候你可以设置两个表单来解决这个办法obj:{ name:'', ...},objNew:{ name:'', ...}this.obj = Object.as原创 2018-01-24 15:31:24 · 6012 阅读 · 1 评论 -
casperjs evaluate函数传参数问题
var gNum = 100;casper.then(function() { casper.evaluate(function(num) { console.log("num = " + num); }, gNum);}gNum传参数进入evaluate方法,通过function接收来进行输出翻译 2018-01-18 16:57:13 · 679 阅读 · 0 评论 -
casperjs接收外部参数,以及读取本地文件
phantom.outputEncoding="gb2312"; // 设置字体var hotelId = casper.cli.get(0); //获取参数var startDate = casper.cli.get(1);// 读取文件function readFile(file,findCount,th,fsObj){ var json = ''; try { th.ech转载 2018-01-18 16:58:41 · 648 阅读 · 0 评论 -
解决不确定div宽度居中问题
/*解决不确定div宽度居中问题*/ ........ .box_headline{ position:absolute; left:50%;}.box_headline_text{ position:relative; left:-50%;}原创 2018-01-18 17:00:47 · 941 阅读 · 0 评论 -
java list遍历删除数据
ArrayList list = new ArrayList(); list.add("one"); list.add("two"); list.add("two"); list.add("two"); list.add("two"); Iterator iter = list.iterator(); while(iter.hasNext()){ String s = it转载 2018-01-18 17:04:24 · 913 阅读 · 0 评论 -
解决jsp底部footer一直处于界面底端的问题(自适应,随着屏幕滚动)
1.JS主代码,界面初始化加载window.onload = function(){ //解决footer处于顶部问题 var minBg = document.getElementsByClassName("minBg")[0];//minBg为footer上方的div容器 if(minBg != undefined){ var divHeight = document.getEl原创 2016-10-21 14:23:56 · 2745 阅读 · 0 评论