js
qiankui
这个作者很懒,什么都没留下…
展开
-
js/vue 获取本地ipv4【兼容IE】
js IE浏览器获取本机IP转载 2022-09-01 15:57:12 · 2126 阅读 · 4 评论 -
js判断当前页面是否是显示状态
项目需求是,当前页面处于可见状态时,定时像服务端发送数据,切换浏览器标签页、浏览器最小化时则停止定时器,使用document.visibilityState可以实现原创 2022-08-24 14:33:27 · 2504 阅读 · 0 评论 -
js如何判断当前页面是否处于激活状态
js检测浏览器是否处于激活状态原创 2022-08-24 14:10:39 · 1291 阅读 · 0 评论 -
如何让setInterval定时器里面的函数先触发一次再正常延时执行
setinterval立即执行一次转载 2022-07-11 15:48:06 · 1040 阅读 · 0 评论 -
js-base64版本3及以上IE11报错
新写了个项目,到IE11中不能显示,一片空白。最后发现是base64版本的问题,之前用的是2.6.2,现在安装的版本是3.4.5。来看看3.4.5的介绍感觉还是挺正常的,再看看其他的版本,3.1.0。不支持IE!!!好了,找到问题了。把3.4.5的版本卸载,安装2的版本就行啦卸载:npm uninstall js-base64安装2.x.x版本npm install js-base64@2.6.2 --save安装指定版本npm install插件名称@版.转载 2021-04-14 15:23:17 · 545 阅读 · 0 评论 -
'autocomplete="off"'在Chrome中不起作用解决方案
autocomplete属性是表单字段中的HTML5新属性,该属性有两种状态值,分别为"on" 和 "off",该属性可省略:省略属性值后默认值为"on",也可以省略属性名,直接写入关键字on或off,在谷歌浏览器中无效在不需要默认填写的input框中设置autocomplete="new-password"...转载 2020-05-06 17:28:09 · 738 阅读 · 0 评论 -
JS前端new FileReader获取文件后显示乱码 你来对了
reader.readAsText(files[0], "gb2312");设置gb2312转载 2020-03-10 13:05:32 · 3584 阅读 · 1 评论 -
javascript清除表单缓存- disable form caching
表单缓存是指当用户在表单输入之后再次回到该表单的时候,浏览器会直接显示用户之前的输入。在大多数情况下这正是我们想要的,但也有些情况我们希望表单能够刷新,特别是根据后台刷新。我现在就遇到了这种问题:某网站有两个select box选择日期进行搜索,搜索结果还是返回相同页面。比如你先选择1月1号到1月2号,然后再选择2月3号到2月4号,这是如果用户点击后退,select还是会保持在2月3号到2月4号,...转载 2020-01-02 10:43:26 · 1159 阅读 · 0 评论 -
JS判断字符占用字节长度
字母、数据各占一个字节,中文占2个字节return str.replace(/[\u0391-\uFFE5]/g,"aa").length \u0391-\uFFE5 匹配双字节字符(汉字+符号)str:要检测的字符串...原创 2019-10-15 10:02:49 · 1184 阅读 · 0 评论 -
如何操作iframe父页面中的元素、方法、变量
方法1. 在iframe中查找父页面元素的方法:jQuery的方法:$("#id",window.parent.document)原生的方法:window.parent.document.getElementById("id");//有时候iframe会嵌套好几层,那么嵌套两层时就是:window.parent.parent.document.getElementById("i...转载 2019-05-27 18:01:16 · 1336 阅读 · 0 评论 -
jstree -- 使用JSON 数据组装成树
概述:前面主要是html数据,这里主要是json数组1.格式jsTree需要一个具体格式JSON数据,在标准的语法没有那个字段是必须的-而是那些是你需要的。请记住你可以获取任何你请求的其他属性,jsTree将会不会碰他们,你将有可能在随后使用它们。为了改变节点的图标你可以是用属性icon。具体的字符串需要包含/的一个图片的url路径,你可以使用任何其它字符串应用类样式去修饰<...转载 2019-06-05 16:31:25 · 534 阅读 · 0 评论 -
jsTree添加给节点添加自定义属性
遇到一个jsTree节点添加自定义属性的问题的 在节点中添加"a_attr":{"href":"qwqwe"} 就可以了demo[ "Simple root node", { "text" : "井田模型管理列表", "type":"root", "state" : { "opened" : ...转载 2019-06-05 16:49:12 · 5077 阅读 · 0 评论 -
jquery请求超时设置
//初始化下拉框 function initSelect() { var xhr=$.ajax({ url:_ip+'Service/GetModelName', timeout:3000, data:{ modelType:'断面模型', ...原创 2019-05-29 09:56:34 · 2783 阅读 · 0 评论 -
ajax请求添加自定义header参数
$.ajax({ type: "post", url:"http://127.0.0.1:4564/bsky-app/template/testPost", contentType: "application/json;charset=utf-8", data :JSON.stringify(...转载 2019-06-06 16:10:37 · 7115 阅读 · 0 评论 -
VUE打包后不显示问题
在运行 npm run bulid后,打开dist目录下打包好的文件,不显示仍和数据页面打开一片空白,原因是打包时,路径不对解决办法:在根目录新建 vue.config.js ,这个文件是vue规定好的,专门用来做bulid里面的配置module.exports={ baseUrl: process.env.NODE_ENV=='production'?'./':'/...原创 2019-06-09 14:12:26 · 3451 阅读 · 0 评论 -
Echarts自定义地图--自定义区域背景图颜色
效果图series: [{ name: 'mapSer', type: 'map', roam: true, mapType: 'map', // 自定义扩展图表类型 coordinateS...原创 2019-06-10 11:52:39 · 15405 阅读 · 3 评论 -
url传参传json字符串
传参window.location.href = 'http://192.168.1.102:8000?url='+ encodeURIComponent(JSON.stringify(a));接收参数decodeURIComponent(a1.substring(a1.indexOf('url=')+4))转自:https://zhidao.baidu.com/q...转载 2019-06-04 18:10:02 · 7539 阅读 · 0 评论 -
一行js代码实现时间戳转时间格式
前端开发过程中,常常需要将时间戳转化为标准时间格式供用户浏览。不借助方法库的情况下,如何又快又好的实现呢?下面介绍两种方法。老方法平常用的基本是这个方法,用Date方法依次将年月日时分秒一个个算出来,然后拼接成需要的时间格式字符串。function transformTime(timestamp = +new Date()) { if (timestamp) { ...转载 2019-06-17 15:39:21 · 361 阅读 · 0 评论 -
$(...).bootstraptable is not a function
先贴问题吧!在一个页面引入了另一个页面的模态框,然后就开始报这种 is not a function的错误,一度以为是bootstrap的js文件没有导入,检查了n遍是没有问题的那么还有可能就是jQuery的文件没有写在最上面,看了一下页面,几个页面的jQuery也都是在最上面的最后,求助了一下大神,大神说jQuery不能重复导入,然后果断删除了引入页面里面导入的jQuery的js文件,然后...转载 2019-06-30 19:58:07 · 7460 阅读 · 0 评论 -
JS获取最近一周的时间
const end = new Date()const start = new Date()start.setTime(start.getTime() - 3600 * 1000 * 24 * 7)const date = [start, end]date输出:0: Wed Jul 10 2019 12:21:48 GMT+0800 (中国标准时间) {}1: Wed Jul 17 ...原创 2019-07-17 12:24:34 · 4523 阅读 · 0 评论 -
layui显示表格数据的id的两种形式
方法一:.获取数据库表字段id{field: 'id', title: '用户ID', width:100, fixed: 'left', align:'center', templet: function(d){return d.id }}方法二.templet属性获得id为"titleTpl"的script标签的表...转载 2019-07-17 12:27:11 · 2370 阅读 · 0 评论 -
babel-polyfill解决axios IE11 Promise对象未定义
babel-polyfill下载:boot cdn1.什么是Polyfill?Polyfill是一个js库,主要抚平不同浏览器之间对js实现的差异。比如,html5的storage(session,local), 不同浏览器,不同版本,有些支持,有些不支持。Polyfill(Polyfill有很多,在GitHub上https://github.com/Modernizr/Mode...转载 2019-09-02 14:57:19 · 1251 阅读 · 0 评论 -
正则表达式限制文本框只能输入数字或字符串
$('#ill_code').keyup(function (e) { // console.log(333); var val=$('#ill_code').val(), reg=/^[0-9a-zA-z]+$/g, key=e.key//当前键盘按键的值 i...原创 2019-09-02 17:02:53 · 1369 阅读 · 0 评论 -
百度地图相关配置
//初始化百度地图 var mapContainer = new BMap.Map(mapContainer,{mapType:BMAP_HYBRID_MAP});//创建地图实例,设置地图显示类型为混合模式 var point = new BMap.Point(lng,lat);//设置中心点 mapContainer.centerAndZoom...原创 2018-11-01 18:08:56 · 350 阅读 · 0 评论 -
VUE中引入其他文件的配置
一、通过import导入1、在common.js中,定义好配置数据const serverUrl="http://www.baidu.com"const imgUrl="http://www.qq.com"//如果不用export导出,用import引入后调用,会报undefined作用域问题export default{ serverUrl, imgUrl}...原创 2019-05-12 22:09:12 · 2172 阅读 · 0 评论 -
layer 关闭弹出层
layer.closeAll(); //疯狂模式,关闭所有层 layer.closeAll('dialog'); //关闭信息框 layer.closeAll('page'); //关闭所有页面层 layer.closeAll('iframe'); //关闭所有的iframe层 layer.closeAll('loading'); //关闭加载层 ...转载 2019-05-16 18:15:55 · 742 阅读 · 0 评论 -
jQuery.lazyload懒加载
注意事项:jquery.js务必先引进,然后才加载lazyload;img长宽一定要有,每幅长宽可以不一致;在js段,可以不用$(window).ready来加载事件;1.将图片路径写入data-original属性2.给lazyload的图片增加一个名为lazy的class3.选择所有要lazyload的图片(img.lazy),执行lazyload();//注意js引入的先后顺...原创 2019-01-15 10:38:13 · 300 阅读 · 0 评论 -
jquery实现回车登录
//实现按下回车登录,ESC清空表单 $(document).keydown(function (e) { if(e.keyCode==13){ submit(); }else if(e.keyCode==27){ reset(); } console.log(e.keyCo...原创 2018-12-27 17:53:37 · 1073 阅读 · 1 评论 -
PDF.js实现html页面读取pdf文件内容
项目中遇到要在HTML页面上读取PDF文档的内容,并显示在网页上。pdf.js官网:pdf.js官网本地附件:pdf.js一.下载1、下载至本地2、创建PDF.js文件夹 并将刚解压的文件放入其中二.将 PDF.js 文件夹 放到 项目服务器根目录下小伙伴 可能会有点头晕 先跟着做 稍后解释1.登录 项目服务器 2.登录 服务器 后将 PDF....原创 2018-12-21 16:26:42 · 22876 阅读 · 5 评论 -
vue 使用clipboard.js实现点击复制内容到剪贴板
可以使用 CDN 或 下载 ,设置好引用路径DOM结构,【注意红色部分】<ui-button class="copybtn" data-clipboard-text="'卡号:'+{{item.card_sn}}+' '+'卡密:'+{{item.card_pass}}" bindtap="copypwd">复制</ui-button> JS部分 //...转载 2018-12-03 14:39:29 · 987 阅读 · 0 评论 -
nrm切换npm源利器
在使用npm时,官方的源下载npm包会比较慢,国内我们基本使用淘宝的源,最近公司内部搭建了一套npm私有仓库。要添加自己公司内部的npm源,公司内部的源不可能把npm官方的npm包都全量同步,故需要npm源之间的切换,如果使用npm registry xxx的话,太不好管理了。nrm是管理npm源切换的利器。使用方法如下:安装nrmnpm install -g nrm 主要使用ls和u...原创 2018-12-02 23:30:25 · 152 阅读 · 0 评论 -
less 通过命令行编译成css以及less语法
使用npm包管理工具安装Less编译器npm install less -g 参数-g 是安装到全部环境中的指令,如果只想安装特定版本,可使用如下命令npm install less@1.6.2 -g Less编译器用法:E:\Dev\Dev2015\less compile dir>lessc bootstrap.less bootstrap....原创 2018-10-28 10:16:59 · 2574 阅读 · 0 评论 -
js实现当前屏幕截图并另存为图片
首先要用到 html2canvas 插件,这个插件的作用是,把指定dom元素克隆一份,并转化为canvas//保存数据,把当前报表的数据保存为Png图片,在触发另存为...的同时,指定文件名和文件格式 $('#saveData').click(function () { //#proMain:要截图的DOM元素 //useCO...原创 2018-10-19 15:34:02 · 29286 阅读 · 5 评论 -
html2canvas canvas转化为png格式的image
html2canvas(inviteBox, opts).then((canvas) => { let base64ImgSrc = canvas.toDataURL("image/png") /* 如果只是显示,可用以下代码 */ let img = document.createElement("img") img.src = base64ImgSrc ...原创 2018-10-19 15:01:05 · 6075 阅读 · 0 评论 -
js Array.from把类数组转换成数组
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div{ width:20原创 2018-10-09 14:51:55 · 971 阅读 · 0 评论 -
js点击按钮,弹出按钮的下标
DOM结构<input type="button" value="1"><input type="button" value="2"><input type="button" value="3">var btnS=document.getElementsByTagName('input');原创 2018-10-09 14:07:22 · 1974 阅读 · 0 评论 -
模拟鼠标点击事件,点击页面上某个元素
DOM结构:<button id="btn">按钮</button>var btn=$('"#btn")[0]//参数click是要模拟的事件名var ev=new MouseEvent("click")//向按钮派发事件btn.dispatchEvent(ev)参考:https://www.jianshu.com/p/418e9e35d5a1...转载 2019-05-08 17:21:08 · 4358 阅读 · 0 评论 -
搞清clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop
每个HTML元素都具有clientHeight offsetHeight scrollHeight offsetTop scrollTop 这5个和元素高度、滚动、位置相关的属性,单凭单词很难搞清楚分别代表什么意思之间有什么区别。通过阅读它们的文档总结出规律如下:clientHeight和offsetHeight属性和元素的滚动、位置没有关系它代表元素的高度,其中:clientHeight:包...转载 2019-05-08 16:25:59 · 235 阅读 · 0 评论 -
layui获取复选框的值
由于layui美化的复选框无法用form表单直接获取所选值,做了个简单的获取checkbox复选框值的功能原创 2019-04-25 11:43:15 · 3301 阅读 · 0 评论 -
iframe JS动态设置高度
function iFrameHeight() { //iframe对象 var ifm = $("#pageFrame") //网页可见区域高 var _clientHeight=document.documentElement.clientHeight ifm.css('height',_clientHeight-65) console.log...原创 2019-04-19 14:25:32 · 3617 阅读 · 0 评论