js
韩大璐
大璐出奇迹~
展开
-
jqgrid单元格合并
jqgrid是动态加载数据的,所以我们得动态的给每个需要合并的单元格设定id原创 2019-11-11 22:06:10 · 1389 阅读 · 0 评论 -
js使用微信上传图片功能
在说上传图片之前,先说一下准备工作,其实在上一篇微信分享功能那篇文章已经说过了,就是使用wx.config里面去把appId、timestamp、nonceStr、signature这四个参数的值给加上,这些准备工作跟分享是一样的,微信目前开放的那些方法和功能,基本都是这样的准备工作,所以,这里就不在说了,想了解的话就去分享的那篇文章看一下吧。(https://blog.csdn.net/weix...原创 2019-03-25 19:38:54 · 2854 阅读 · 0 评论 -
js实现自定义打印区域
使用==window.print()==方法可以实现页面的打印功能,但是这个方法打印的是当前整个页面。如果要想打印某一指定区域该怎么实现呢?思路可以是:用想要打印的区域来替换页面内容。获取需要打印的区域。保存原页面body的内容。用需要打印的区域替换页面body内容。打印。还原页面。var newStr = document.getElementsByClassName('pri...原创 2019-03-26 15:45:51 · 1805 阅读 · 0 评论 -
call、apply、bind方法详解
call, apply, bind 三者作用都是改变this指向。bind与apply、call的区别:bind返回一个函数,可以延迟调用。var name = 'window';var newThis = { name: 'newThis' };function showName(info1, info2) { console.log(this.name, info1, i...原创 2019-04-03 18:48:14 · 5255 阅读 · 1 评论 -
summernote富文本编辑器的基本使用
summernote官网: https://summernote.org/首先下载对应的css、js文件。下载地址:https://summernote.org/getting-started/在文件中引入css和js文件 在页面上创建富文本区域summernote可以使用form,也可以直接使用div标签使用div标签<div id="summernote"&g...原创 2019-04-16 11:32:05 · 1007 阅读 · 0 评论 -
js图片上传(配合七牛云)
我是用bootstrap+layer+jQuery做的,一些样式使用了bootstrap和layer的样式,如果不使用这两个框架可以自行修改样式。这篇博客主要是说功能实现。上传操作主要是通过input来实现的<input type="file" id="cardFileupload" class="x-file" accept="image/*" />效果如下图:因为上传...原创 2019-04-18 14:38:01 · 4124 阅读 · 5 评论 -
js实现Excel导入功能
仅上传Excel文件给后台<input id="articleImageFile" name="excelFile" type="file" class="x-file" onchange="importExcel(this)"><button id="saveZipButton" type="button" class="btn" onclick="document...原创 2019-05-09 16:04:34 · 16284 阅读 · 1 评论 -
js实现Excel导出功能
使用get方式请求后台接口,能获取到导出文件的地址,此时就相当于浏览器打开一个新的链接<button type="button" id="export" class="btn"><i class="fa fa-download"></i> 导出</button> // 导出功能$('#export').on('click',functi...原创 2019-05-09 16:21:18 · 5405 阅读 · 0 评论 -
js图片压缩
//图片上传 loadLocalImage: function(fileObject, imageID, imageType) { if (typeof FileReader == 'undefined') { alert("当前浏览器不支持FileReader接口"); return; } var file = fileObject.files[0]; ...原创 2019-06-03 14:36:00 · 1461 阅读 · 0 评论 -
价格输入input正则校验
th是一个原生js的对象,如果获取的是jQuery对象,需要转成js对象。//实时动态强制更改用户录入 priceCheck:function(th,event) { var event = event || window.event; var code = event.keyCode; if(navigator.userAgent.indexOf("Firefox")...原创 2019-06-04 18:11:25 · 1511 阅读 · 2 评论 -
layui弹层打开之后按空格键出现多层遮罩层问题解决
正常弹层打开的页面,也是我们想要的效果:弹层打开之后按多次空格之后的页面:这个问题在laui的官网也有,所以不是个人使用方式的问题。我目前唯一想到的办法就是在弹层打开的时候禁止按空格的事件,如果页面中有输入框或者文本域需要输入空格的,就在focus方法中再打开按空格事件。因为弹层出问题是再弹层刚打开不执行任何操作的时候立马按空格才会有的,所以不必担心在输入框或者文本域打开空格事件之后遮...原创 2019-06-29 11:16:41 · 1746 阅读 · 2 评论 -
浅谈localStorage
localStorage,这是HTML5里新加的一个特性,只要是用来做本地存储的,他解决了cookie存储的空间不足的问题。localStorage的优势和局限。优势:1、解决了cookie4k大小的存储空间,localStorage的存储空间为5M,和cookie一比较,简直是鸟枪对大炮。2、localStorage可以将第一次请求的数据直接存储到本地,相当于一个5M大小的前端页面数据库...原创 2019-03-18 20:01:06 · 357 阅读 · 2 评论 -
火狐浏览器刷新之后表单会保留上一次选择项兼容性问题解决方案
在进行项目开发中,发现一些筛选条件,上一次选中后,刷新页面仍然存在。页面上的数据仍然是上一次表单中的数据,其实是很火狐浏览器的兼容性造成的。解决方案:只需要加上 autocomplete=“off” 就可以了。<input id="name" value="1111" autocomplete="off" /><form name="form1" id="for...原创 2019-03-19 17:13:32 · 453 阅读 · 0 评论 -
js使用微信分享功能
在使用微信分享(包括微信api里的其他方法)之前,需要有一些准备、比如要准备 appId、timestamp、nonceStr、signature 这四个数据,只有在有这四个字段后,我们才可以去使用微信的一些方法和功能,但这些东西是不能写死的,得是活的,所以就麻烦后端同学配合了一下,将数据帮忙生成了一下,但在调研阶段还是使用的手动生成,生成后他把得到的这几个字段发给我,我拿到后放到对应的位置就可...原创 2019-03-19 16:54:45 · 7307 阅读 · 3 评论 -
js实现圆柱形轮播图
js实现圆柱形轮播图<!DOCTYPE html><html lang="zh"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <原创 2018-07-31 19:55:01 · 1861 阅读 · 1 评论 -
js实现上拉加载更多
先贴代码:&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;我的优惠券&lt;/title原创 2018-08-08 15:38:16 · 6094 阅读 · 0 评论 -
swiper无缝滚动轮播图下标索引值重复问题解决方案
在使用swiper插件写无缝滚动的轮播图的时候,如果需要获取轮播图的索引值,经常会遇到在循环播放的时候,第一个索引值会出现两次。代码如下:&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&am原创 2018-09-05 16:14:01 · 5245 阅读 · 0 评论 -
点击按钮发送多次请求解决方案
前几天工作中遇到一个问题,在做使用余额支付的时候,点击立即购买按钮会出现一个弹层要求输入支付密码,输完之后点击确认发送请求。但是在测试的时候发现,在使用余额支付的时候,第几次购买就会发送几次请求,类似于事件叠加。一开始实现的思路大概就是,点击立即支付按钮判断支付方式是支付宝支付、微信支付还是余额支付,如果是余额支付,则弹出层显示,并输入密码,同时将密码存放在一个变量里,点击确认的时候发送请求。...原创 2018-09-14 12:40:16 · 6716 阅读 · 0 评论 -
移动端输入密文密码功能的实现
看下效果:首先,密码只能是6位数字,所以不能用type=password的input框,type=password在移动端会调起输入字母的键盘。可以用type=tel或者type=number代替密码输入框,给input框设置“ -webkit-text-security:disc; text-security:disc;” 让输入框中的文字显示为圆点,但是设置了之后发现,在移动端六位密码都快...原创 2018-09-19 17:45:58 · 1518 阅读 · 0 评论 -
侧边导航栏点击对应模块滑动到页面顶部
$('body,html').animate({ scrollTop:$('.itemBox').eq(index).offset().top },800)itemBox是要滚动到顶部的盒子的类名,如果是整个页面滚动到顶部,就用 body,html代替itemBoxindex是侧边导航栏按钮的索引...原创 2018-10-23 14:40:49 · 1754 阅读 · 0 评论 -
iframe重定向让父级页面跳转
父级页面用iframe标签嵌套了顶部导航栏,点击导航栏想要实现父级页面跳转。使用window.top.location实现父级页面重定向。top表示顶层页面。由于页面嵌套了iframe子页面,top表示最外面一层。...原创 2018-11-09 15:46:00 · 2406 阅读 · 0 评论 -
vue使用vue-awesome-swiper轮播图不能正常滚动
在使用vue-awesome-swiper插件写轮播图的时候遇到上图的问题。问题描述:这是一个画廊(图片相册查看大图)功能,在父组件中调用这个个轮播图的子组件,并且在父组件中控制画廊组件的显示隐藏。功能都写好之后,发现这个子组件显示出来以后不能顺畅滑动。解决方案:在初始化轮播图的时候加上这两个配置项: observeParents: true, observer: tr...原创 2019-01-08 13:26:40 · 3044 阅读 · 0 评论 -
ajax请求设置自定义请求头
重点代码:beforeSend: function (XMLHttpRequest) { XMLHttpRequest.setRequestHeader("token", "token"); },后台跨域之后,在本地调接口一直报403错误应该是不可以在本地直接调接口,需要放在服务器上或者配置一个本地服务器才有效。...原创 2019-01-09 16:34:20 · 2677 阅读 · 0 评论 -
swiper轮播图动态更改数据后轮播或拖动失效
轮播图通过动态渲染数据后轮播失效,具体出现的问题:数据确实渲染在页面上了设置了autoplay,但是轮播图无法自动播放也没有办法手动切换加上以下代码后即可解决问题:observer:true,//修改swiper自己或子元素时,自动初始化swiperobserveParents:true,//修改swiper的父元素时,自动初始化swiperonSlideChangeEnd: fun...原创 2019-01-09 16:40:08 · 2048 阅读 · 0 评论 -
js获取当前日期以及日期和时间戳的转换
js获取当前日期以及日期和时间戳的转换function getNowFormatDate() { var date = new Date(); var seperator1 = "-"; var seperator2 = ":"; var month = date.getMonth() + 1; var strDate = date.getDate(...翻译 2018-07-31 19:43:50 · 717 阅读 · 0 评论