- js如何禁掉当前页面的所有外链（小编亲测有效）
- 2020年12月13日 浏览(2)
- //移除掉所有非www.ipkd.cn的外链function removeOutLink () { var allLink = document.querySelectorAll(a[href]) var len = allLink.length for (var i = 0 ; i len; i++) { var linkHost = allLink[i].host if (isOutLink(linkHost)) { allLink[i].setAttribute(href, #) } }}// 判断是否是外链function isOutLink (host) { var inLinkArr = [ipkd.cn,www.ipkd.cn, location.host] return !inLinkArr.includes(host)}window.onload = function () { removeOutLink()}
- 阅读全文>>
- js遍历数组获取最大或最小id
- 2020年11月16日 浏览(1)
- let arr = [1,2,3,4,5,6,7,8,9];//获取最大idlet max = Math.max.apply(null, arr);console.log(获取最大id, max)//获取最小idlet min = Math.min.apply(null, arr);console.log(获取最小id, min)
- 阅读全文>>
- js实时监听浏览器窗口大小改变触发onresize事件
- 2020年11月13日 浏览(1)
- //js实时监听浏览器窗口大小改变触发事件 window.onresize = function(){ console.log(document.body.clientHeight)}
- 阅读全文>>
- 百度echarts：饼图pie数字太小看不到扇形怎么办
- 2020年11月13日 浏览(1)
- 在series中家一行代码轻松解决， 但是在roseType: area状态来不执行 。 series: [{ name: 患者类型统计, type: pie, radius: [35%, 50%], avoidLabelOverlap: false, hoverAnimation:true, minAngle: 30,//没错，就是它！它！它 startAngle: 60,//旋转饼图 label: { normal: { formatter: {b|{b}}{per|{d}%} , //label 的内容 borderWidth: 10, rich: { //定义不同地方的文字的字体大小和颜色 b: { fontSize: 12, lineHeight: 33, color: #7f8087, }, per: { color: #7f80
- 阅读全文>>
- 纯js实现文字无缝滚动(亲测有效)
- 2020年11月13日 浏览(2)
- 1、//html代码div class=scroll id=scroll div id=scroll2 ol id=data //data从接口读取数据 li123456778/li li123456778/li li123456778/li li123456778/li li123456778/li li123456778/li li123456778/li li123456778/li /ol /div/div2、//css控制整体高度#scroll{width: 300px;height: 126px;overflow: hidden;}3、//js代码var myMarquee = ; //设置定时器function listScroll(){ //文字滚动 var scroll = document.getElementById(scroll); var scroll2 = document.getElementById(scroll2); //创建用于
- 阅读全文>>
- setTimeout倒计时，在兼容模式下遇到的坑
- 2020年11月03日 浏览(1)
- //setTimeout倒计时，在兼容模式下遇到的坑 //es6写法，在兼容模式下会报错setTimeout(() = { $(.message).hide()}, 1500);//一般写法setTimeout(function() { $(.message).hide()}, 1500)
- 阅读全文>>
- HBuilder常用快捷键9大类
- 2020年10月27日 浏览(1)
- HBuilder常用快捷键9大类 1.文件 新建 Ctrl + N 关闭 Ctrl + F4 全部关闭 Ctrl + Shift + F4 属性 Alt + Enter 2.编辑 激活代码助手 Alt + / 激活快捷键视图 Ctrl + Shift + L 开启关闭注释整行 Ctrl + / 开启关闭注释已选内容 Ctrl + Shift + / 删除当前行 Ctrl + D 删除当前标签 Ctrl + Shift + T 删除至行首 Shift + Backspace 删除至行尾 Shift + del 合并下一行 Ctrl + Alt + J 整理代码格式 Ctrl + Shift + F 向下移动行 Ctrl + 向下 向
- 阅读全文>>
- JS获取url参数code,根据code判断改变当前页面颜色
- 2020年10月27日 浏览(0)
- //JS获取url参数code,根据code判断改变当前页面颜色 //获取参数function getLinkParam(param){ var query = window.location.search.substring(1); var vars = query.split(); for (var i=0;ivars.length;i++) { var pair = vars[i].split(=); if(pair[0] == param){return pair[1];} } return(false);}//根据链接中带purple参数判断显示另一个样式if(getLinkParam(purple)){ document.writeln(link rel=\stylesheet\ type=\text/css\ href=\css/样式名.css\);}
- 阅读全文>>
- 最简单的纯js图片转base64(小编亲测有效)
- 2020年10月26日 浏览(2)
- var imgurl = images/logo.png; //imgurl 就是你的图片路径（跨域会报错）function getBase64Image(img) { var canvas = document.createElement(canvas); canvas.width = img.width; canvas.height = img.height; var ctx = canvas.getContext(2d); ctx.drawImage(img, 0, 0, img.width, img.height); var ext = img.src.substring(img.src.lastIndexOf(.)+1).toLowerCase(); var dataURL = canvas.toDataURL(image/+ext); return dataURL; } var image = new Image(); image.src = imgurl; //图片赋值image.onload =
- 阅读全文>>
- 把页面转成图片下载到本地/手机相册(小编亲测有
- 2020年10月26日 浏览(2)
- //把页面转成图片下载到本地/手机相册(小编亲测有效) 注：需要下载html2canvas.min.js、canvas2image.js !-- html2canvas将Dom节点在Canvas里边画出来 -- script src=http://www.ipkd.cn/html2canvas/html2canvas.min.js/script !-- 将canvas图片保存成图片 -- script src=http://www.ipkd.cn/html2canvas/canvas2image.js/script var QRcodeDownload = document.getElementById(QRcode);//需要转化下载的模块ID//保存到相册/本地function saveAlbum() { html2canvas(QRco
- 阅读全文>>
- 把页面转成图片下载到本地/手机相册(小编亲测有
- 2020年10月26日 浏览(0)
- //把页面转成图片下载到本地/手机相册(小编亲测有效) 注：需要下载html2canvas.min.js、canvas2image.js !-- html2canvas将Dom节点在Canvas里边画出来 -- script src=http://www.ipkd.cn/html2canvas/html2canvas.min.js/script !-- 将canvas图片保存成图片 -- script src=http://www.ipkd.cn/html2canvas/canvas2image.js/script var QRcodeDownload = document.getElementById(QRcode);//需要转化下载的模块ID//保存到相册/本地function saveAlbum() { html2canvas(QRco
- 阅读全文>>
- eslint规范大全(新手一定要了解)
- 2020年10月20日 浏览(0)
- 规则名称 错误级别 说明 for-direction error for 循环的方向要求必须正确 getter-return error getter必须有返回值，并且禁止返回值为undefined, 比如 return; no-await-in-loop off 允许在循环里面使用await no-console off 允许在代码里面使用console no-prototype-builtins warn 直接调用对象原型链上的方法 valid-jsdoc off 函数注释一定要遵守jsdoc规则 no-template-curly-in-string warn 在字符串里面出现{和}进行警告 accessor-pa
- 阅读全文>>
- Visual studio code配置选项大全
- 2020年10月19日 浏览(2)
- // Visual studio code通过将设置放入设置文件中来覆盖设置。{ //-------- 编辑器配置 -------- // 控制字体系列。 editor.fontFamily: Consolas, Courier New, monospace, // 控制字体大小。 editor.fontSize: 14, // 控制行高。 editor.lineHeight: 0, // 控制行号的可见性 editor.lineNumbers: true, // 控制字形边距的可见性 editor.glyphMargin: false, // 显示垂直标尺的列 editor.rulers: [], // 执行文字相关的导航或操作时将用作文字分隔
- 阅读全文>>
- js将链接生成二维码并转为图片的方法（图片可以
- 2020年10月13日 浏览(1)
- HTML代码div class=QRcode-box div id=QRcode h3 id=qrcode style=display: none;/h3 h3img src= id=qrcodeImg/h3 h4微信长按识别二维码查看/h4 h5有效期至2020/09/26 11:00:00/h5 /div div class=share-type a href=javascript:shareWx()img src=images/share1.png分享到微信/a a href=javascript:saveAlbum()img src=images/share2.png保存到相册/a /div/div //JS//链接生成二维码var qrcode = $(#qrcode).qrcode({ width: 200, height: 200, text: http://www.ipkd.com,});//二维码转图片var
- 阅读全文>>
- js将链接生成二维码并转为图片的方法（图片可以
- 2020年10月13日 浏览(1)
- HTML代码div class=QRcode-box div id=QRcode h3 id=qrcode style=display: none;/h3 h3img src= id=qrcodeImg/h3 h4微信长按识别二维码查看/h4 h5有效期至2020/09/26 11:00:00/h5 /div div class=share-type a href=javascript:shareWx()img src=images/share1.png分享到微信/a a href=javascript:saveAlbum()img src=images/share2.png保存到相册/a /div/div //JS//链接生成二维码var qrcode = $(#qrcode).qrcode({ width: 200, height: 200, text: http://www.ipkd.com,});//二维码转图片var
- 阅读全文>>
- 利用jquery和jquery.qrcode.min生成带logo的二维码(附代
- 2020年10月10日 浏览(9)
- !DOCTYPE htmlhtmlhead meta charset=UTF-8 titleQrcode Test/title/headbodydiv id=qrcode/divscript type=text/javascript src=jquery-1.9.1.min.js/scriptscript type=text/javascript src=jquery.qrcode.min.js/scriptscript type=text/javascript //创建二维码 window.onload=function QRCode(){ jQuery(#qrcode).qrcode({ render: canvas, text: http://www.ipkd.cn/, //二维码地址 width : 200, //二维码的宽度 height : 200, //二维码的高度 imgWidth : 220/3.5, //二维码宽 imgHeight : 220/3.5, //二维
- 阅读全文>>
- 利用jquery和jquery.qrcode.min生成带logo的二维码(附代
- 2020年10月10日 浏览(3)
- !DOCTYPE htmlhtmlhead meta charset=UTF-8 titleQrcode Test/title/headbodydiv id=qrcode/divscript type=text/javascript src=jquery-1.9.1.min.js/scriptscript type=text/javascript src=jquery.qrcode.min.js/scriptscript type=text/javascript //创建二维码 window.onload=function QRCode(){ jQuery(#qrcode).qrcode({ render: canvas, text: http://www.ipkd.cn/, //二维码地址 width : 200, //二维码的宽度 height : 200, //二维码的高度 imgWidth : 220/3.5, //二维码宽 imgHeight : 220/3.5, //二维
- 阅读全文>>
- 通过js在一个数组中筛选出另一个数组中存在的值
- 2020年09月15日 浏览(0)
- 这里从arr1中筛选arr2中存在的值，arr3为筛选结果数组 let arr1=[1,2,3,4,5]; let arr2=[2,1,4,6]; let arr3=[]; 方式一：直接比较值 1、使用for循环for(let i=0;i {arr2.forEach(element={if(item==element){arr3.push(item);}})});3、使用filter过滤arr3=arr1.filter(checkAdult);function checkAdult(age) { for(let i=0;i 方式二：indexOf() 1、for()for(let i=0;i =0){arr3.push(arr1[i]);}}2、forEach()arr1.forEach(item={if(arr2.indexOf(item)=0){arr3.push(item);}});3、使用fi
- 阅读全文>>
- JS和JQuery获取当前屏幕宽度和高度的代码（新手小
- 2020年09月05日 浏览(5)
- Javascript: 网页可见区域宽： document.body.clientWidth网页可见区域高： document.body.clientHeight网页可见区域宽： document.body.offsetWidth (包括边线的宽)网页可见区域高： document.body.offsetHeight (包括边线的高)网页正文全文宽： document.body.scrollWidth网页正文全文高： document.body.scrollHeight网页被卷去的高： document.body.scrollTop网页被卷去的左： document.body.scrollLeft网页正文部分上： window.screenTop网页正
- 阅读全文>>
- JS和JQuery获取当前屏幕宽度和高度的代码（新手小
- 2020年09月05日 浏览(4)
- Javascript: 网页可见区域宽： document.body.clientWidth网页可见区域高： document.body.clientHeight网页可见区域宽： document.body.offsetWidth (包括边线的宽)网页可见区域高： document.body.offsetHeight (包括边线的高)网页正文全文宽： document.body.scrollWidth网页正文全文高： document.body.scrollHeight网页被卷去的高： document.body.scrollTop网页被卷去的左： document.body.scrollLeft网页正文部分上： window.screenTop网页正
- 阅读全文>>
