js-web建站教程

js后端返回的数据是blob类型的excel下载文件

2022年04月02日浏览(200)

注：ajax中加responseType: blob if (res res.status === 200) { const filename = 对账表.xlsx; const blob = new Blob([res.data]); const link = document.createElement(a); link.style.display = none; link.href = URL.createObjectURL(blob); link.setAttribute(download, filename); document.documentElement.appendChild(link); link.click(); document.documentElement.removeChild(link);} else { let content = res.data; //arraybuffer类型数据 let resBlob = new Blob([content]); let reader = new FileReader

js判断手机系统是iso还是android

2022年03月31日浏览(178)

let u = navigator.userAgent;let isAndroid = u.indexOf(Android) -1 || u.indexOf(Adr) -1; //android终端let isiOS = !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端

h5页面在ios系统出现的bug

2022年03月31日浏览(118)

1、el-select下拉框在上需要点击两次才能选中解决方法： .el-scrollbar { .el-scrollbar__bar { opacity: 1 !important; }} 2、el-input聚焦时页面放大解决方法1：meta meta name=apple-mobile-web-app-capable content=yesmeta name=viewport content=width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no 方法2：用JavaScript强制修改： window.onload = function () { document.addEventListener(gesturestart, function (e) { e.preventDef

js获取两个时间之间的所有日期、月份、年份

2022年03月29日浏览(111)

用JS实现获取2个时间点之间的日期、月份、年份（包括区间自身），代码如下： 1、获取日期 function getTimeTwo(start, end) { let diffdate = new Array(); let arr = [] let i = 0; while (start = end) { diffdate[i] = start; let stime_ts = new Date(start).getTime(); let next_date = stime_ts + (24 * 60 * 60 * 1000); let next_dates_y = new Date(next_date).getFullYear() + -; let next_dates_m = (new Date(next_date).getMonth() + 1 10) ? 0 + (new Date(next_date).getMonth() +

js去除字符串最后一个特殊符号(如：逗号、顿号等)

2022年03月29日浏览(97)

const obj=中国，美国，英国，法国，德国，//方法一：const result1 = obj.substring(0, obj.lastIndexOf(，));//方法二：const result2 = (obj.substring(obj.length - 1) == ，) ? obj.substring(0, obj.length - 1) : obj;//方法三：const result3 = obj.substring(0,obj.length-1);//方法四：const reg = /，$/gi;const result4 = obj.replace(reg,);//结果输出：console.log(方法1：,result1)console.log(方法2：,result2)console.log(方法3：,result3)console.log(方法4：,resu

js获取2个时间差之间所有月份

2022年03月29日浏览(62)

function getMonthBetween(start, end) { let result = []; let min = new Date(start); let max = new Date(end); let curr = min; while (curr = max) { let month = new Date(curr).getMonth() + 1; let t = if (month 10) { t = 0 + month } else t = month let str = curr.getFullYear() + - + (t); let s = curr.getFullYear() + -0; if (str == s) { str = curr.getFullYear() + -12; } result.push(str); curr.setMonth(month); } return result;}//打印console.log(getMonthBetween(2022-01,2022-05))//输出结果：[2022-1

js获取2个数组中的相同数据和不同数组

2022年03月28日浏览(126)

1、方法： function getData(arr1, arr2, type) { var result = []; for (var i = 0; i arr1.length; i++) { var item1 = arr1[i], found = false; for (var j = 0; j arr2.length; j++) { if (item1.id === arr2[j].id) { found = true; break; } } if (found === type) { result.push(item1); } } return result;} 2、数组数据 var arr1 = [ {id:1,name:中国}, {id:2,name:美国}, {id:3,name:英国}, {id:4,name:法国}, {id:5,name:德国}];var arr2 = [ {id:1,name:中国}, {id:3,name:英国}, {id:4,name:法国},

javascript实现checkBox单选

2022年03月28日浏览(123)

1、HTML代码 form name=form input type=checkbox name=checkboxName onClick=javascript:chexkboxChange(0)中国 br input type=checkbox name=checkboxName onClick=javascript:chexkboxChange(1)美国 br input type=checkbox name=checkboxName onClick=javascript:chexkboxChange(2)英国 br input type=checkbox name=checkboxName onClick=javascript:chexkboxChange(3)法国/form 2、JS代码 function chexkboxChange(cb) { for (j = 0; j 8; j++) { if (eval(document.form.checkboxName[ + j + ].checked) == true) {

原生js使用es6引入import报错解决方法

2022年03月23日浏览(215)

注意：在引入js的时候type值需设置为module 1、index.html代码 !DOCTYPE htmlhtml head meta charset=UTF-8 title/title /head body /body script src=api.js type=module/script script src=util.js type=module/script script type=moduleimport { Obj, argu } from ./util.jsvar a = argu(10);var b = Obj.add(10);var c = Obj.reduce(10);console.log(index,a, b, c) /script/html 2、util.js代码 export function argu(argu){ return argu+10;}var Obj = { add:function(argu){return argu+10; }, reduce:functi

browser.js和browser-polyfill.js下载

2022年03月15日浏览(210)

es6语法不能兼容ie浏览器怎么办，web建站小编收集了3种解决方法，可以直接下载使用。 1、使IE浏览器兼容ES6语法（Promise等语法）：引入browser-polyfill.js 下载地址：https://pan.baidu.com/s/14nRdXncb4aJcQ8sdEO88mg 提取码: twch 2、浏览器兼容ES6基础语法（包括箭头函数）：在引入其它脚本之前引入browser.js,然后script的type属性改成text/babel；点击下载: https://pan.baidu.com/s/1RitMw37fssq-o-TnftoG1A 提取码:

js方法传参参数有空格报错解决方法(escape、unescape)

2022年03月08日浏览(91)

js方法传参参数有空格会直接报错，解决方法，先把传参用escape编码一下，编码后空格就没有了，如：2022-03-08%2016%3A00%3A01，用到的时候再用unescape解密。代码如下： const dateTime = 2022-03-08 16:00:01const escapeD = escape(dateTime);const unescapeD= unescape(escapeD);console.log(编码,escapeD)console.log(解码,unescapeD)

js禁止页面复制、F12及右键功能

2022年03月05日浏览(193)

自己的网站不想别人复制粘贴怎么办，web建站小编教大家一个好的方法，只要在页面中复制下面代码就可以禁止用户复制粘贴、禁止右键功能、禁止F12快捷键。 var noright = ;if(!noright){ document.onselectstart=function(){return false;}; window.oncontextmenu=function(){return false;} window.onkeydown = window.onkeyup = window.onkeypress = function (event) { if(event.code == F12){ window.event.returnValue = false; return false; } }}

js判断数组中某个属性名的值和指定的值一样

2022年03月05日浏览(178)

默认数据 var arr = [{ id: 1, name: 李四, sex: 男, edu: 西南大学 }, { id: 2, name: 张三, sex: 男, edu: 东北财经 }, { id: 3, name: 麻五, sex: 女, edu: 宁波西大 }] 方法一： function findElem(arrayToSearch, attr, val) { for (var i = 0; i arrayToSearch.length; i++) { if (arrayToSearch[i][attr] == val) { return i; } } return -1;}//判断默认数组中是否含有 name李四、或 sex女、或 edu哈尔滨大学的数据console.log(findElem(arr,name,李四)); // 0console.l

js数组批量修改参数名(属性名)

2022年03月03日浏览(220)

想把数组中所有name的参数名改成text，包括所有子集里面的name也改成text，代码其实很简单，如下： var arr = [{name:小李家,age:12,sex:boy},{name:小名家,age:12,sex:boy,children:[{name:小李爸,age:65,sex:boy},{name:小李妈,age:69,sex:girl}]}] console.log(JSON.parse(JSON.stringify(arr).replace(/name/g,text)));//输出结果：(2) [{}, {}]0: {text: 小李家, age: 12, sex: boy}1:age: 12children: Array(2)0: {text: 小李爸, age: 65, sex: boy}1: {text: 小李妈

AES加密，报CryptoJS is not defined错误解决方法

2022年02月25日浏览(402)

1、做AES加密需要调用CryptoJS方法，不然会报错 function AESEncrypt(word, keyStr) { keyStr = keyStr ? keyStr : 加密随机数; //如：21383KJDSjsdkl+rrs var key = CryptoJS.enc.Utf8.parse(keyStr); var srcs = CryptoJS.enc.Utf8.parse(word); var encrypted = CryptoJS.AES.encrypt(srcs, key, { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7 }); return encrypted.toString();}//调用方法：AESEncrypt() 2、下载CryptoJS，点击下载 CryptoJS-v4.1.1版本 3、引入自己需要的插

es6用filter过滤器--获取数组中指定的id显示name

2022年02月23日浏览(130)

var type = [{ id: 1, name: 中国 }, { id: 2, name: 美国 }, { id: 3, name: 英国 }, { id: 4, name: 法国 }, { id: 5, name: 德国 }]//输出指定idvar id = 1//filter过滤var name = type.filter( items = items.id === id)[0].name//输出结果：console.log(输出结果：, name)

js文字随机颜色和大小

2022年02月18日浏览(73)

很多网站标签的字体颜色和大小都是随机的，下面web建站小编写了2个方法，一个是随机颜色getColor，一个是随机字体大小getSize。 //颜色随机function getColor() { var colorElements = 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f; var colorArray = colorElements.split(,); var color = #; for (var i = 0; i 6; i++) { color += colorArray[Math.floor(Math.random() * 16)]; } return color;}console.log(字体颜色：, getColor()) //字体大小随机function getSize(){ return

js计算2个时间的时间差（毫秒、天、时、分、秒）

2022年02月15日浏览(172)

var startDate = 2022-02-15 11:30:00var endDate = 2022-02-15 09:00:00var newDate = new Date(startDate); var oldDate = new Date(endDate);var diffDate = newDate - oldDate; //计算时间差毫秒var days = parseInt(diffDate / (1000 * 60 * 60 * 24));var hours = parseInt((diffDate % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));var minutes = parseInt((diffDate % (1000 * 60 * 60)) / (1000 * 60));var seconds = (diffDate % (1000 * 60)) / 1000; console.log(毫秒: + diffDate);console.log(天: + days);consol

js数组内根据key合并,value值相加

2022年02月14日浏览(81)

var arr1 = [{name: 小白, value: 4},{name: 小黑, value:6},{name: 小红, value: 11},{name: 小黑, value: 8}]; function mergeObject(arr, name) {const result = arr.reduce((obj, item) = {if (!obj[item.name]) {obj[item.name] = 0;}obj[item.name] += item.value;return obj;}, {});return Object.keys(result).map(name = ({name: name,value: result[name]}));} console.log(mergeObject(arr1))

使用对象的hasOwnProperty()方法检测是否存在某个属性

2022年02月11日浏览(200)

let data = [{name:张三,age:23,sex:男},{name:李四,age:23,edu:本科}] for(let i=0; idata.length; i++){console.log(输出结果, data[i].hasOwnProperty(edu))}//输出结果 false//输出结果 true

6

常用标签

猜你喜欢