web前端：javaScript 一些小技巧

作者:lanka更新于： 2020-03-07 11:25:38

　　Javascript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在html（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

　　日历

　　创建过去七天的数组，如果将代码中的减号换成加号，你将得到未来7天的数组集合

　　//创建过去七天的数组

　　[...Array(7).keys()].map(days=>newDate(Date.now()-86400000*days));

　　生成随机ID

　　在原型设计时经常使用的创建ID功能。但是我在实际项目中看到有人使用它。其实这并不安全

　　//生成长度为11的随机字母数字字符串

　　Math.random().toString(36).substring(2);

　　//hg7znok52x

　　获取url查询参数

　　这个获取URL的查询参数代码，是我见过最精简的QAQ

　　?foo=bar&baz=bing=>{foo:bar,baz:bing}

　　//获取URL的查询参数

　　letq={};

　　location.search.replace(/([^?&=]+)=([^&]+)/g,(_,k,v)=>q[k]=v);

　　console.log(q);

　　本地时间

　　通过一堆HTML，您可以创建一个本地时间，其中包含您可以一口气读出的源代码，它每秒都会用当前时间更新页面

　　document.body.innerHTML=newDate().toLocaleString().slice(10,19))">

　　数组混淆

　　随机更改数组元素顺序，混淆数组

　　//随机更改数组元素顺序，混淆数组

　　(arr)=>arr.slice().sort(()=>Math.random()-0.5)

　　/*

　　leta=(arr)=>arr.slice().sort(()=>Math.random()-0.5)

　　letb=a([1,2,3,4,5])

　　console.log(b)

　　*/

　　数组去重

　　[...newSet(arr)]

　　创建特定大小的数组

　　[...Array(3).keys()]

　　//[0,1,2]

　　返回一个键盘

　　这是一个很难看懂的简洁代码，但是运行后你会惊呆的，他竟然返回一个图形键盘

　　//用字符串返回一个键盘图形

　　(_=>[..."`1234567890-=~~QWERTYUIOP[]\\\\~ASDFGHJKL;'~~ZXCVBNM,./~"].map(x=>(o+=`/${b='_'.repeat(w=x

　　`)()

　　正则去空格

　　functionmyTrim(str){

　　letreg=/^\\s+|\\s+$/g;

　　returnstr.replace(reg,"");

　　}

　　console.log(myTrim('asdf'));

　　为了取得技术优势，微软推出了JScript，CEnvi推出ScriptEase，与JavaScript同样可在浏览器上运行。为了统一规格，因为JavaScript兼容于ECMA标准，因此也称为ECMAScript。