一些精简的JavaScript代码集合
2024-10-19 16:28:53
日历
创建过去七天的数组,如果将代码中的减号换成加号,你将得到未来7天的数组集合
// 创建过去七天的数组
[...Array(7).keys()].map(days => new Date(Date.now() - 86400000 * days));
生成随机ID
生成长度为11的随机字母数字字符串
// 生成长度为11的随机字母数字字符串
Math.random().toString(36).substring(2);
获取URL的查询参数
这个获取URL的查询参数代码,是我见过最精简的
// 获取URL的查询参数
q={};location.search.replace(/([^?&=]+)=([^&]+)/g,(_,k,v)=>q[k]=v);q;
本地时间
通过一堆HTML,您可以创建一个本地时间,其中包含您可以一口气读出的源代码,它每秒都会用当前时间更新页面
// 创建本地时间
<body onload="setInterval(()=>document.body.innerHTML=new Date().toLocaleString().slice(10,19))"></body>
数组混淆
随机更改数组元素顺序,混淆数组
(arr) => arr.slice().sort(() => Math.random() - 0.5)
// 随机更改数组元素顺序,混淆数组
let a = (arr) => arr.slice().sort(() => Math.random() - 0.5)
let b = a([1,2,3,4,5])
console.log(b)
生成随机十六进制代码(生成随机颜色)
使用JavaScript简洁代码生成随机十六进制代码
// 生成随机十六进制代码 如:'#c618b2'
'#' + Math.floor(Math.random() * 0xffffff).toString(16).padEnd(6, '0');
数组去重
这是一个原生的JS函数但是非常简洁,Set接受任何可迭代对象,如数组[1,2,3,3],并删除重复项
// 数组去重
[...new Set(arr)]
创建特定大小的数组
[...Array(3).keys()]
// [0, 1, 2]
Array.from({length: 3}, (item, index) => index)
// [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`
`)()
最新文章
- Sharepoint学习笔记—习题系列--70-576习题解析 -(Q116-Q120)
- 在Linux操作系统下备份恢复技术的应用 转自https://yq.aliyun.com/articles/50205?spm=5176.100239.blogcont24250.9.CfBYE9
- IntelliJ IDEA 发布最新版本13.0.1
- NOI2018准备 Day8
- linux中wc命令用法
- js基础之arguments、css
- String比较
- XMPP基础
- jquery关于表格隐藏和显示问题
- css中字符换行的一些问题
- java 基础四
- 电子凭证 : Java 生成 Pdf
- apt-get软件包管理命令 和 apt-key命令
- 爬虫之进阶 twisted
- Django实战(一)-----用户登录与注册系统1(环境搭建)
- 给定两个数组,这两个数组是排序好的,让你求这两个数组合到一起之后第K大的数。
- 【leetcode】26-RemoveDuplicatesfromSortedArray
- NPOI导入导出Excel数据
- python3中文件操作及编码
- js继承摘要
热门文章
- 安全漏洞系列(一)---XSS漏洞解决方案(C# MVC)
- 脱离Office约束,C#结合Mpxj组件完美解析MSProject(.mpp)文件
- Bootstrap3-导航
- Centos7 python虚拟环境virtualenv和virtualenvwrapper简单介绍
- 设计模式之(十三)外观模式(Facade)
- C# 实体对象作为参数统一去除空格
- Java 之 JDK1.8之前日期时间类
- Flex,Flash,AS3,AIR的关系和区别
- CTF-代码审计(2)
- FPM 1.1正式版 Search &; List