js
LLL_LH
记录一些学习心得
展开
-
axios请求下载excel文档blob异常处理不显示
问题:数据请求加了{responseType:"blob" },那么返回的数据格式就是blob格式,这时候如果有错误提示,返回的也是blob格式,而不是我们想要的错误提示,如果没加{responseType:"blob" },那么错误提示可以正常提示.下面是正常错误提示,没加{responseType:"blob" },这是导出,加了{responseType:"blob" },这时候就没有错误提示,前端就不能做统一处理解决办法:把导出接口请求两次,第...原创 2021-08-06 09:56:47 · 1159 阅读 · 0 评论 -
vue html页面导出pdf
1、下载html2canvas、JsPDF// 将页面html转换成图片npm install html2canvas --save// 将图片生成pdfnpm install jspdf --save2、点击导出,导出内容<template> <div class="credit-result" ref="result"> <div class="drawer-contenr" v-if="query.type原创 2020-10-30 10:51:32 · 643 阅读 · 1 评论 -
js 实现数组取差集
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="text" value="" oninput="change" /> <script> let a = [1,2,3,4]; let b = [1,4,5,6,7.原创 2020-10-30 10:06:01 · 858 阅读 · 0 评论 -
splice删除数组中的指定的某些元素
splice删除我们常见的是如下,我们要删除addr数组中,包含属性a为空的元素for(let i=0;i<==arrd.length-1;i++){ if(addr[i].a==''){ addr.splice(i, 1) }}但是这样是不能删除数组中所有a属性为空的数组的,因为splice会改变原数组,会导致i的变化,所以我们可以使i一直等于数组的长度-1for(let i<=arrd.length-1;i>=0;i--){ if(addr[i].a==''原创 2020-09-10 09:22:58 · 4136 阅读 · 0 评论 -
js的filter(),forEach(),map(),every(),some()
1、filter(): 返回符合条件的新数组,原数组不变。不会对空数组进行检测。语法:array.filter(function(currentValue,index,arr), thisValue)let arr = [1,2,3,4,5,6,7];let arr2 = arr.filter(item=>{return item>4});console.log(arr); ...原创 2020-04-02 13:09:29 · 287 阅读 · 0 评论 -
js实现PC端录像,截图照片保存到本地
<!doctype html><html lang="en"> <head> <title>GET VIDEO</title> <meta charset="utf-8"> </head> <body> <div id=""> <button id="s...原创 2020-02-28 16:22:58 · 1694 阅读 · 0 评论 -
数组的合并
// 数组的合并 let arr = [1, 2, 3]; let arr1 = [1, 2, 3, 4, 5]; // 方法一 //Array.prototype.push.apply(arr, arr1); // 方法二 //arr.push(...arr1); console.log(arr) // 方法三 let a...原创 2020-02-20 17:11:30 · 317 阅读 · 0 评论 -
js小例子-文字的渐出效果
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #app{ width: 500px;height: 300px;margin: 100px aut...原创 2019-11-01 17:27:08 · 551 阅读 · 0 评论 -
图片懒加载插件jquery.lazyload.min.js
1、下载官网下载地址:http://plugins.jquery.com/lazyload/2、引入<script src="./jquery.js"></script><script src="./jquery.lazyload.min.js"></script>html、<ul> <li>&...原创 2019-10-18 15:52:30 · 1455 阅读 · 0 评论 -
jQuery的before()方法和after()方法
before()和after()都有添加的意思,不过一个是添加在被选元素之前,一个是被选元素之后。 before()方法在被选元素之前插入指定内容。 after()方法在被选元素之后插入指定内容。 这是HTML代码所示:<p>这是一个段落</p><button id="btn1">before</button><button id="btn2">after</button>jQuery使用原创 2018-01-04 10:51:30 · 4434 阅读 · 0 评论 -
js中的数组
1、数组的创建 var arr1=[]; //创建了一个数组对象,0个元素 var arr2=[1,2,3]; //创建了一个数组对象,数组中连续存储3个元素。 var arr3=new Array(3); //创建了一个新数组,3为数组的长度,但可以将元素存储在规定长度以外,这时长度会随之改变 arr3[0]=”A”; arr3[1]=”B”; arr3[2]=”C”; var原创 2018-01-11 14:44:30 · 250 阅读 · 0 评论 -
jq自定义右键弹出菜单
jQuery自定义右键弹出菜单1. html部分<div id="menu" style="display:none;"> <ul> <li>关闭当前页</li> <li>关闭其他</li>原创 2018-01-05 16:37:43 · 819 阅读 · 0 评论 -
Jquery的tab点击切换,悬停切换,延迟切换
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>tab选项卡点击切换,悬停切换,延迟切换</title> <script type="text/javascript" src="js/jquery-2.1.0.js" ></scrip原创 2018-01-31 16:42:05 · 2304 阅读 · 0 评论 -
JSON.parse()和JSON.stringify()
JSON字符串: var str=’{“name”:”anne”,”sex”:”women”}’; JSON对象: var str2={“name”:”anne”,”sex”:”women”}; 等价于 var str2={name:”anne”,sex:”women”};JSON.parse(): JSON字符串转换为JSON对象。 var obj=JSON.parse(str); 结原创 2018-01-08 17:46:41 · 229 阅读 · 0 评论 -
js的String对象方法
1、toLowerCase(): 把字符串转为小写,返回新的字符串。var str=&amp;quot;Hello World&amp;quot;;var str1=str.toLowerCase();console.log(str); //Hello Worldconsole.log(str1); //hello world2、toUpperCase(): 把字符串转为大写,返回新的字符串。var str=&amp;quot;hello wo原创 2018-01-20 09:33:53 · 1884 阅读 · 0 评论 -
jquery验证码
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>jquery验证码</title> <script type="text/javascript" src="js/jquery-1.7.2.min.js" ></script> <style>原创 2018-02-05 09:45:14 · 773 阅读 · 0 评论 -
js判断字符串是否为空字符串
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>js判断输入是否为空</title> <script type="text/javascript" src="js/jquery.min.js"></script> <原创 2018-02-09 18:02:53 · 801 阅读 · 0 评论 -
js的window对象--clientHeight、clientWidth、innerHeight、innerWidth
浏览器窗口的尺寸(就是内容部分,可以看见的部分,不包括工具栏和滚动条) 对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari: window.innerHeight - 浏览器窗口的内部高度 window.innerWidth - 浏览器窗口的内部宽度 对于 Internet Explorer 8、7、6、5: document.docume原创 2018-03-14 17:50:13 · 15376 阅读 · 0 评论 -
js加载中
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title>js加载中</tit原创 2018-02-23 15:00:52 · 713 阅读 · 0 评论 -
js去掉数组中重复的元素
//方法一:function unique(arr){ var result=[]; var flag; for (var i=0;i<arr.length;i++) { flag=false; for (var j=0;j<result.length;j++) { if(arr[i]==result[j]){原创 2018-02-24 17:04:34 · 380 阅读 · 0 评论 -
js给json对象添加、删除、修改属性
<script type="text/javascript"> //json对象 var json={ "firstName":"Bill" , "lastName":"Gates"}; //给json对象添加新的属性并赋值 json.sex="man"; //也可以如下添加新的属性并赋值 json["s原创 2018-03-12 12:00:28 · 72190 阅读 · 2 评论 -
js对返回的json数据进行树状划分
$.ajax({ type: "get", url: 'data.json', success:function(data){ var jsondata = JSON.parse(data); //返回的数据是json字符串,把它转换成json对象,如果是json对象则不需转换 var topArr = []; //声明一个数组,存储所有的json数据原创 2018-03-06 09:49:31 · 1276 阅读 · 0 评论 -
原生JS获取父节点、子节点、兄弟节点
1、访问父节点parentNode : Node 类型,返回指定节点的父节点,如果指定节点没有父节点,则返回 null。<div id="box"> <p id="hello">hello world!</p></div><script> var hello=document.getElementById("hello"); console.log(hello.原创 2018-03-26 14:15:56 · 12894 阅读 · 0 评论 -
原生js获取、设置、删除属性
1、获取属性 element.getAttribute(‘属性名’); //返回指定元素属性名的属性值 element.getAttributeNode(‘属性名’); //返回指定元素的属性名和属性值 element.attributes[‘属性名’];//返回指定元素的属性名和属性值 如下例:<div id="box" class="classa"> 这是一个段落</div原创 2018-04-09 10:20:53 · 9111 阅读 · 1 评论 -
原生js直接获取父节点、子节点、兄弟节点的元素节点,不包含空白节点
1、parentElement获取父元素节点var box=document.getElementById("box").parentElement;parentElement返回指定元素的上级元素节点,如果没有上级元素返回null。2、children获取所有子元素节点var childs=document.getElementById("box").children;返回一个数组,childre原创 2018-03-27 09:51:10 · 4230 阅读 · 0 评论 -
js判断某元素是否有指定属性
1、element.hasAttribute(‘属性名’); 如果存在指定属性,则返回 true,否则返回 false。ie8及以下不支持 如下:<div id="box" class="classa">这是一个段落</div><script> var box=document.getElementById("box"); var attr=box.hasAttribute('c原创 2018-04-11 09:17:29 · 14808 阅读 · 0 评论 -
原生js删除节点、替换节点、复制节点
1、removeChild() 用来删除父节点的一个子节点。 parent.removeChild(childNode); 如下:<div id="box"> <p id="p1">这是一个段落</p> <p id="p2">第二个段落</p></div><script> var box=document.getElementById("box"); //找到父元素原创 2018-04-17 18:09:41 · 33021 阅读 · 0 评论 -
原生js添加节点appendChild、insertBefore
1、createElement() 创建元素节点 var element=document.createElement(‘元素名’);2、crateTextNode() 创建文本节点 var txt=document.crateTextNode(‘文本内容’);3、createAttribute() 创建属性节点 var attr=document.createAttribute(‘属性名’)原创 2018-04-12 14:55:11 · 20975 阅读 · 0 评论 -
原生js简单的省市联动
<h2>省市级联下拉</h2> <select id="provinces" onchange="changeCity(this.value)"> <option value="-1">--请选择--</option> </select> &原创 2018-04-27 20:58:34 · 246 阅读 · 0 评论 -
window.open打开新窗口屏幕居中
<a href="javascript:void(0);" onclick="openWin('http://ww.baidu.com','',400,200)">跳转到a</a> <script> function openWin(url,name,newWinWidth,newWinHeight){ var winWidth=scree...原创 2018-05-12 22:39:31 · 3879 阅读 · 0 评论 -
bootstrap-table使用方法
1、引入css、js<link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.min.css" /> <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/plugins/bootstrap-table/bootstrap-table.min.css" ...原创 2018-05-13 16:52:02 · 282 阅读 · 0 评论 -
js获取其他页面传递的参数
1、在1.html传参<a href="2.html?name=姓名&password='123abc'">跳转</a>2、在2.html获取传递的参数var name=getQueryString('name'); var password=getQueryString('password'); console.log(name); //姓名 ...原创 2018-05-15 19:05:38 · 2577 阅读 · 0 评论 -
mui的图片预览
今天做项目遇到mui的图片预览,写下使用过程。1、引入mui.min.css2、引入mui.min.js,mui.zoom.js,mui.previewimage.js3、添加这段css<!--App自定义的css--> <style type="text/css"> .mui-preview-image.mui-fullscreen { position...原创 2018-05-22 16:00:43 · 1450 阅读 · 0 评论 -
js简单的拖拽事件
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-1.7.2.min.js"原创 2018-05-27 12:20:20 · 319 阅读 · 0 评论 -
bootstrap-table给单元格添加链接
1、html页面<table id="tb_table"></table>2、js页面$("#tb_table").bootstrapTable({ method: 'get', //请求方式 url: '/order/orderList', //请求数据的URL ... //中间的其他选择暂时省略 columns: [{ ...原创 2018-05-16 17:40:41 · 14797 阅读 · 0 评论 -
js获取一周前,昨天,今天,明天、一周后
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script> console.log(g原创 2018-05-28 15:04:04 · 3861 阅读 · 0 评论 -
移动端输入框禁止软键盘弹出
1、<input type="text" readonly="readonly" />原创 2018-06-11 13:30:06 · 20267 阅读 · 6 评论 -
js获取上个月的第一天和最后一天、这个月的第一天,三个月后的最后一天
<script> //获取上个月第一天function lastMonthFirst(){ var time=new Date(); var year=time.getFullYear(); var month=time.getMonth(); var day=time.getDate(); if(month<10){ month="0"+month; }...原创 2018-05-29 10:29:59 · 1553 阅读 · 0 评论 -
clientX、screenX、offsetX区别
1、clientX/clientYclientX: 鼠标相对于浏览器文档显示区的水平X坐标,不包括工具栏和滚动条clientY:鼠标相对于浏览器文档显示区的垂直Y坐标,不包括工具栏和滚动条2、screenX/screenYscreenX:鼠标相对于显示器屏幕的水平X坐标,不包括滚动条screenY:鼠标相对于显示器屏幕的垂直Y坐标,不包括滚动条3、offsetX/offse...原创 2018-06-04 11:20:28 · 400 阅读 · 0 评论 -
bootstrap Ace模板获取左侧菜单栏及iframe跳转右侧页面
<div class="sidebar" id="sidebar"> <ul id='menu' class='nav nav-list' style=""></ul> </div> <div class="main-content"> <div class原创 2018-06-08 09:57:27 · 9221 阅读 · 0 评论