前端
六一首席
这个作者很懒,什么都没留下…
展开
-
uniapp中unipop弹窗动画效果
目的描述 先关闭弹窗内容,然后mask缓慢关闭,提升用户体验实现1:uni-popup.vue文件create方法,设置duration时间,指定mask的动画效果时间close方法,设置延迟时间,指定mask的动画消失时间2:具体页面在uni-popup上写@change方法具体内容用一个flag来判断内容是否显示 写onchange方法,控制具体内容...原创 2021-09-08 21:34:27 · 3110 阅读 · 0 评论 -
uniapp中手机APP控制物理返回
背景 使用uniapp开发手机APP,在列表--新增--列表,这时候如果在列表页面手机物理返回,会回到新增页面去了,而我想达到的目的是 从列表页面如果返回的话要到首页去方案1:使用uniapp的onBackPress方法,它可以监听手机的物理返回操作出现的问题:因为APP中我使用到了权限控制,也就是必须登录才可以正常访问,所以使用了vue中的router。问题就出在这里,如果我用了vue-router,然后又在页面中使用onBackPress,那么会先执行路由...原创 2021-08-27 17:33:11 · 3697 阅读 · 1 评论 -
hbuildx中使用真机调试
前言 使用真机调试的原因是我开发uni-app项目,调试一直是在浏览器中选择手机模式进行调试的,但是打包安装到手机以后,发现很多样式变化很大,完全不符合预期,这是我知道浏览器是不能完全匹配手机的效果的。。。模拟器于是我开始找模拟器,市面上模拟器有很多,我选择了夜神,一顿操作以后是可以正常使用模拟器了,但是我发现了不足: 1:重,太重了,单单是开启这个模拟器就耗费了很多内存,感觉不值得,这不是我想要的效果 2:它虽然比浏览器模拟手机强多了,但毕竟也不是真机,跟真机...原创 2021-08-25 10:29:52 · 3295 阅读 · 0 评论 -
网页端企业微信扫码登录及其cookie问题
这个问题折磨了我6个小时,太痛苦了,特此记录!1:企业微信扫码登录 1:环境 前端 vue 后端spring-gateWay+springboot 2:实现过程 1:前端生成二维码,回调地址直接写后端的地址,处理完逻辑以后重定向 遇到的问题 1:cookie一直设置不上去 ...原创 2021-05-01 10:57:05 · 2646 阅读 · 0 评论 -
回调函数传参与防抖动处理 《二》
上一篇讲了回调函数,现在谈谈防抖动处理思路 1:当点击按钮的时候,用转圈的方式来显示,并且此时不能够再次点击,这种方式交互性比较好,个人还是比较推荐的,实现方式也很简单,网络上很多,就不赘述了 2:当点击的时候,某一时间段内多次点击,只有一次生效。这种就是我在这个项目中所用到的方式,具体实现方式如下 1:创建一个js文件,写一个防抖动处理的函数let timeout;let wait=1000;let immediate = false;// ex...原创 2021-04-10 00:10:00 · 221 阅读 · 0 评论 -
回调函数传参与防抖动处理 《一》
有这么个需求,点击按钮的时候,要做防抖动处理,这个时候我用到了回调函数,且回调函数中需要传递参数一:首先来讲讲回调函数传递参数吧 方式一:使用一个匿名函数将函数包起来:红色字体,外面的那个是做防抖动处理的,代码会贴在下面,现在重点看红色字体<Buttontype="default"size="small"style="margin:5px"@click="$Debounce((function(){testa('aa')}))">审核通过</Button...原创 2021-04-09 23:57:54 · 308 阅读 · 0 评论 -
vue+springboot中使用ueditor,路由跳转后再进入ueditor,ueditor无法加载出来
问题描述:已经在标题上了解决办法: 1:在页面销毁时删除ueditor实例,,mounted时创建实例,这样做的目的是再次进来时重新加载ueditormounted() { // 自定义上传路径 const baseUrl='http://localhost:8080/investment'; UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl; UE...原创 2021-02-28 22:31:41 · 590 阅读 · 0 评论 -
ueditor删除视频
1:打开ueditor.all.js2:CTRL+F 搜索 //注册del/backspace事件3:添加如下内容 原来的代码 var caption = domUtils.findParentByTagName(me.selection.getStart(), 'caption', true), range = me.selection.getRange(); if (range...原创 2021-02-27 13:08:18 · 689 阅读 · 0 评论 -
vue前端上传文件到COS
1:main.js中//COS相关的Vue.prototype.loadi = 'https://images-1254950508.cos.ap-guangzhou.myqcloud.com/a/1588390454918/loading.gif';console.log(process.env.VUE_APP_serverUrl);Vue.prototype.$baseUrl = process.env.VUE_APP_serverUrl;Vue.prototype.fileCos = f原创 2021-02-26 23:02:09 · 2614 阅读 · 2 评论 -
vue项目提交form表单,后端接收不到参数
问题解析: 原因:传值方式是request payload 解决办法: 1:后端使用@RequestBody注解 2:在前端将json序列化(推荐) 这样的好处是后端接收参数比较方便,不需要加什么注解,也不需要对json做什么处理 import qs from 'qs' ...原创 2021-01-27 16:09:00 · 2535 阅读 · 0 评论 -
关于vue中使用ant design
1:版本问题 版本的问题简直想让人崩溃,我是重新全局安装了vue 和vue/cli ,然后再创建项目,重新引入ant-design就没问题了 1: npm install -g vue@2.6.11 vue的版本我指定的是2.6.11 2:cnpm install @vue/cli@4.0.4 -g vue/cli的版本我指定的是4.0.4 ...原创 2020-12-11 14:52:13 · 4240 阅读 · 1 评论 -
HbuildX中修改自定义快捷键,向下复制
不得不说,HbuildX中快捷键自定义跟其他软件比起来实在是垃圾的不行,想改一个向下复制都难得要死,又有强迫症,简直逼死人,特此记录!!!前言 1:在HbuildX中,快捷键我选择了eclipse模式的,但是发现向下复制不行解决: 1:我将左边的东西全部复制过来右边了 2:搜索ctrl+alt+down,将这个东西原本所指向的东西改了,我这里随便改了一个 3:添加如下指令 4:这样就可以了,整...原创 2020-09-19 18:04:51 · 1702 阅读 · 0 评论 -
关于文本域的显示处理
1:后端保存的文本域的内容要回显到文本域中 contentStr=contentStr.replaceAll("\n", "<br/>"); contentStr=contentStr.replaceAll(" ", " ");2:前端非文本域的内容要展现到文本域中 var content=$j(s...原创 2019-11-01 16:51:22 · 401 阅读 · 0 评论 -
jQueryMobile 和jQueryMUI手机端树形选择
这个就我这两天做的经验来看,不要像web端的那样父页面和树形选择页面分开来写,手机端合在一个页面会更好写思路: 由于没有找到很好的相关插件,所以CSS我是自己写的,JS我调用了web的插件的ZTree,再加上一些js控制,可以达到目的,效果图如下注意事项: 1:要写ztree中的setting,同时初始化, ...原创 2019-07-25 14:42:28 · 2159 阅读 · 0 评论 -
解决IE低版本浏览器不兼容label标签的for属性
我这里用到复选框的树形选择问题,由于原生的复选框样式不好看,所以用了图片替换,html中的代码如下<td> <input type="checkbox" id="check" style="display: none;" onclick="ss()"/> <label for="check" class="mytext"><img s...原创 2019-08-13 16:31:13 · 2516 阅读 · 0 评论 -
easyUI中在js调整layout中的高度
<div id="cc" class="easyui-layout" style="margin:20px;width:95%;height:650px;"> <div data-options="region:'west'" style="width:70%;"> <div id="left-Content" class="easyui-t...原创 2019-08-20 13:54:15 · 889 阅读 · 0 评论 -
ztree控制是否级联选择
有这么一个需求,在树形选择的时候需要通过一个复选框控制是否级联选择,如下图 这个鬼东西搞得心累,中间失败的方案就不提了,直接写成功实现了的1:要写一个 zTreeBeforeCheck的方法2:这里的alongCheck就是那个是否级联选择的复选框的id function zTreeBeforeCheck(treeI...原创 2019-09-10 15:17:45 · 1448 阅读 · 1 评论 -
jQuery动态追加内容样式丢失问题
关于这个问题,有两种解决办法 1:直接在追加的内容上写上想要的样式,但是这样做会造成一些问题,其一是太过麻烦,其二是追加的内容有可能不单单需要当前的样式,还需要父级及其以上的样式,这样就会比较麻烦; 2:关于这个问题在网上找了很多,有很多说用$.parser.parse();这个方法,意思是重新渲染样式,但是我这里实际测试的时候说parse()未定义,没时间研究是什么...原创 2018-07-06 09:51:55 · 7112 阅读 · 5 评论 -
jQuery Mobile页面跳转及其参数传递
这里我用到的是<a>标签进行跳转,参数是放在href后面的,如下 <a href="..........?aa=110">遇到的问题: 1:在第二个页面,引入的js没有效果,写的js方法没有生效? 解析: 这是因为页面跳转,只能够解析<div data-r...原创 2019-07-25 11:53:19 · 262 阅读 · 0 评论 -
监听文本域改变事件,兼容所有浏览器,包括IE5
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>ECharts</title></head><style> body { height: 100%; margin: 0p...原创 2019-07-16 14:42:28 · 214 阅读 · 0 评论 -
选择器last-child失效问题
.form-group:last-child{ border: none; background-color: #CC2222;}这样写没有效果,后来查到原因是后面跟着的那些input标签,把input标签去掉以后就有效果了,本坑了30分钟,特此记录...原创 2018-08-02 17:29:29 · 2894 阅读 · 0 评论 -
js导出Excel
技术要点:1:要打印的区域以一个id划分出来2:引入js文件,调用方法3:js文件的写法:function equMyApplyedDetail(tableid) { var oXL = new ActiveXObject("Excel.Application"); //创建应该对象 var oWB = oXL.Workbooks.Add();//新建一个...原创 2018-08-01 15:46:56 · 156 阅读 · 0 评论 -
复选框全选与反选
function selectAll(){ var isChecked = $('#first-select').is(":checked"); if(isChecked){ $(":checkbox").attr("checked", true); }else $(":checkbox").attr("checked", false); }原创 2018-07-07 12:43:09 · 624 阅读 · 0 评论 -
前端页面获取到当前时间
var t=new Date(); var y=t.getFullYear(); var m=t.getMonth()+1; if(m<10){ m="0"+m; } var d=t.getDate(); var theday=y+"-"+m+"-"+d; alert(theday)原创 2018-07-07 12:42:30 · 4714 阅读 · 1 评论 -
页面报错:无法设置未定义或 null 引用的属性“*****”
可能的原因:1:代码写错了2:在each循环里面重复定义多次一个变量,导致出现这种情况!!!3:浏览器的问题。刚刚碰到的就是href未定义,结果换一个浏览器就可以4:js的引用顺序问题,比如我碰到的对话框,子对话框要获取父对话框标签中的值,但是一直报这个错,后来发现是因为我的js引用在标签之后,才导致这个问题(血崩)5:浏览器的兼容性问题,也有版本的可能,测试过在IE5可行,但是...原创 2018-07-11 17:12:33 · 28255 阅读 · 1 评论 -
基础CSS样式问题
1:让td中的内容居左并且要离左边有一定距离? 需要指定两个东西原创 2018-07-17 11:03:27 · 82 阅读 · 0 评论 -
bootstrap中的问题
1:顶部或者底部出现了遮挡中间的内容,或者拉动滚动条时最后的内容被底部遮挡等? 解决:在中间加一个空标签原创 2018-07-17 11:00:34 · 171 阅读 · 0 评论 -
关于前端frame框架
目前的理解一般frame框架的使用方法是效果图:总结:使用该标签属于平行页面,是同等级的,已经过时,个人感觉没有div或者table的好2:iframe标签 效果图: 总结:iframe标签属于页面嵌套,在某些场景比较适用,今用到,特此记录...原创 2018-07-10 11:07:22 · 7221 阅读 · 0 评论 -
日期控件的input输入框当值发生改变时的change事件
今天遇到的问题是日期控件,在js中监听当前input的change事件时无效,其实很简单就解决了只需要在input输入框中加上箭头所指东西,至此,问题解决原创 2018-08-15 10:15:47 · 15843 阅读 · 4 评论 -
freemaker在js中的使用
举两个例子这个是取单独的一个变量的值这个是取一个对象集合总结:这里好像没有很大的限制,但是在js中取集合的话就需要使用freemaker的语法,更多留待之后验证更新,,,,,,,...原创 2018-08-15 17:36:07 · 1653 阅读 · 0 评论 -
js获取被选中select的下标
网上很多都是说通过selectedIndex来获取,但是我亲测的时候都是未定义的,最后通过 var index=$("#sss").prop('selectedIndex');得到的,由于浪费了我10分钟的时间,特此记录...原创 2018-09-08 23:55:00 · 4055 阅读 · 1 评论 -
console.info未定义的问题
https://blog.csdn.net/yinxiangzhongqing/article/details/54311639转载 2019-07-18 14:25:11 · 308 阅读 · 0 评论 -
java跨域问题
现在有需求是这样的: 项目前后端分离,分别使用不同的服务器,前端使用ajax访问后端的方法时出现了跨域问题,以下是解决方法前端: $.ajax({ type : "get", async:false, url : "", dataType : "jsonp",//数据类型为jsonp ...原创 2019-01-17 11:32:01 · 570 阅读 · 0 评论 -
关于网页版微信扫码登录以及获取用户信息
由于我只研究了1天时间,可能有些地方认知错误1:网页版微信扫码登录的流程 ① 点击扫码登录按钮 ② qrAuthorize(访问微信接口,如果微信接口判断有权限生成二维码的话,跳转到二维码页面。) 在这两个方法里面要有两个返回路径,第一个是获取权限以后生成二维码的页面,第二个是扫码用户授权以后要跳转 ...原创 2018-12-04 20:08:22 · 1593 阅读 · 0 评论 -
关于在IDEA上开发springboot及其热部署等等问题
耗费了我两天一夜的时间,一把辛酸泪,所以要记录一下1:IDEA方面 这个IDEA,真的是又爱又恨,喜欢他的操作模式,界面等等一系列,但是麻烦的是很多都跟eclipse不同,大大的不适应,刚开始肯定极大的拖慢了开发进度,算了,不BB了,谁让自己喜欢呢1:打开IDEA很慢? 到setting里面,找到plugin,在那里把不要的东西统统取消掉,这样子会快...原创 2018-11-24 18:03:42 · 95 阅读 · 0 评论 -
图片裁剪之JQuery Crop
前言:很长时间没写图片裁剪,碰到了诸多问题,今特此记录,以免后面再遇到类似情况插件GitHub网址:https://github.com/fengyuanchen/cropper这次我用的插件是JQuery Crop,提交的时候是转成Base64然后再提交到后端的先贴出代码来,然后在写我这次过程中遇到的种种问题以及处理方式前端:具体的页面代码就不写了,具体demo有时间再放上来...原创 2018-11-20 10:41:20 · 1137 阅读 · 0 评论 -
关于layer的提示框,弹出框一闪而过的问题
在页面中,layer的弹出框,不管是layer.alert,还是layer.msg等等,都会出现一闪而过的问题,研究发现,总结如下 原因一: 在页面中使用了form表单,把button按钮放在了form中,在这种情况下,如果没有指定button标签的type属性的话,默 认会是submit,所以出现了一...原创 2018-11-11 10:26:46 · 10670 阅读 · 19 评论 -
关于showModalDialog和window.showModalDialog使用方法以及区别
1:window.showModalDialog window.showModalDialog(url,args,"dialogHeight:"+dialogHeights+"px; (1)子页面获取值 子页面获取参数的方式为:var str=window.dialogArguments 如果args传的是字符串,那么子页面...原创 2018-09-06 11:29:45 · 291 阅读 · 0 评论 -
jquery ajax 后台响应成功,返回正确json但不执行success方法,执行error的问题
关于这个问题,查了一下是jQuery问题导致的,自从1.4以后对json的格式更为严格,根本原因是自身写的代码不严谨type为json造成的,解决这个问题的办法有两种、 1:在前端页面解决,既然要返回error,那么就在error中也写上想执行的代码,如图 2:这个问题在后端解决 //解决前端因jQuery版本导致执行error问题 JSONObject obj...原创 2018-07-16 11:35:39 · 2843 阅读 · 0 评论