web建站教程

  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. seo教程
  6. 前端知识
  7. 百度echarts
  8. php入门
    nodejs
    mockjs
    mysql
    织梦cms
    帝国cms
    git教程
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网页正
阅读全文>>

常用标签