美文网首页
JavaScript精简代码技巧

JavaScript精简代码技巧

作者: LHQ丶 | 来源:发表于2021-07-20 17:10 被阅读0次

创建过去七天的数组

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

生成随机ID

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

获取URL的查询参数

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

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

实时更新时间

document.body.onload = () => {
    // Chrome
    setTimeout(() => document.body.innerHTML = new Date().toLocaleString().slice(10, 19))
}

数组混淆

let a = (arr) => arr.slice().sort(() => Math.random() - 0.5)
let b = a([1,2,3,4,5,])
console.log(b)

生成随机十六进度(颜色值)

'#' + Math.floor(Math.random() * 0xffffff).toString(16).padEnd(6, '0')

写出运行结果

for(i=0;++i<101;console.log(i%5?f||i:f+'Buzz'))f=i%3?'':'Fizz'

数组去重

[...new Set(arr)]

创建特定长度的数组

[...Array(3).keys()]
// [0, 1, 2]

返回一个键盘

(_=>[..."`1234567890-=~~QWERTYUIOP[]\\~ASDFGHJKL;'~~ZXCVBNM,./~"].map(x=>(o+=`/${b='_'.repeat(w=x<y?2:' 667699'[x=["BS","TAB","CAPS","ENTER"][p++]||'SHIFT',p])}\\|`,m+=y+(x+'    ').slice(0,w)+y+y,n+=y+b+y+y,l+=' __'+b)[73]&&(k.push(l,m,n,o),l='',m=n=o=y),m=n=o=y='|',p=l=k=[])&&k.join`

相关文章

  • JavaScript精简代码技巧

    创建过去七天的数组 生成随机ID 获取URL的查询参数 实时更新时间 数组混淆 生成随机十六进度(颜色值) 写出运...

  • 二零一七年五月

    技术 Javascript 12个非常有用的JavaScript技巧Prepack——让JavaScript代码运...

  • JavaScript代码技巧

    1. 多表达式多 if 判断 我们可以在数组中存储多个值,并且可以使用数组include方法。 2. 简写 if ...

  • 13 个 JavaScript 数组精简技巧

    数组是 JS 最常见的一种数据结构,咱们在开发中也经常用到,在这篇文章中,提供一些小技巧,帮助咱们提高开发效率。 ...

  • JavaScript代码重构技巧

    1. 提炼函数 如果一段代码可以独立来出,那我们最好放进一个独立的函数,这样重构的好处有: 避免出现超大函数 独立...

  • 实用Javascript调试技巧

    摘要: 高效调试JS代码。 原文:实用Javascript调试技巧分享 作者:MudOnTire Fundebug...

  • 《全栈工程师修炼指南》学习笔记 12

    JavaScript 面向对象 在这一讲中,我们将学习 JavaScript 面向对象的基本知识和技巧,提升代码层...

  • pandas一些高效的操作

    记录一些学习到的pandas操作技巧,能大大精简代码 1. OneHot编码 生成OneHot编码特征 prefi...

  • 【转】高效的jQuery代码编写技巧总结

    本文总结了代码编写技巧,来提升你的jQuery和javascript代码。 好的代码会带来速度的提升。快速渲染和响...

  • jQuery高效编码技巧

    本文总结了代码编写技巧,来提升你的jQuery和javascript代码。 好的代码会带来速度的提升。快速渲染和响...

网友评论

      本文标题:JavaScript精简代码技巧

      本文链接:https://www.haomeiwen.com/subject/bkvkaqtx.html