美文网首页
js的一些操作

js的一些操作

作者: 酸辣土豆丝g | 来源:发表于2019-04-29 10:40 被阅读0次
日历

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

[...Array(7).keys()].map(days => new Date(Date.now() - 86400000 * days));
生成随机十六进制代码(生成随机颜色)

使用JS简洁代码生成随机十六进制代码

// 生成随机十六进制代码 如:'#c618b2'
'#' + Math.floor(Math.random() * 0xffffff).toString(16).padEnd(6, '0');
数组去重(ES6)

原生的JS函数但是非常简洁,Set接受任何可迭代对象,如数组[1,2,3,3]

// 数组去重
[...new Set(arr)]
创建特定大小的数组

方便快捷创建特定大小的数组

// [0, 1, 2]
[...Array(3).keys()]
返回一个键盘(JS骚操作)

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

// 用字符串返回一个键盘图形
(_=>[..."`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`
`)()

相关文章

  • JS操作属性、JS换肤、JS操作style属性、JS操作clas

    JS操作属性: JS换肤: JS操作style属性: JS操作class: JS中括号操作属性: JS函数: JS...

  • js的一些操作

    日历 创建过去七天的数组,如果将代码中的减号换成加号,你将得到未来7天的数组集合 生成随机十六进制代码(生成随机颜...

  • js - 02 JS的组成和变量

    JS的组成 按照相关的js语法,去操作页面中的元素,又是还要操作浏览器中的一些功能 ECMAscript 3/5/...

  • JS-12day

    1、js操作style属性 2、js操作属性 3、js函数 4、js换肤 5、js换肤可控制 6、js中括号操作属...

  • JS属性

    JS操作style属性 JS操作class JS操作括号属性 var oDiv = document.getEle...

  • JS操作属性 定时器和函数

    JS操作style属性 JS操作class JS操作括号属性 var oDiv = document.getEle...

  • JS操作属性、函数

    条件运算符 运算符的优先级 代码块 JS操作属性 JS换肤 JS操作style属性 JS操作

  • 前端(十二)2

    1.代码块 2.js操作属性 3.js换肤 4.js操作style属性 5.js操作 6.js中括号操作属性 7....

  • ios wkwebview与js交互

    oc调用js的方法 直接调用即可,如果是做一些页面刷新的操作,最好在主线程操作,避免引起额外的问题。 js调用OC...

  • JS数组常用操作

    当我们想要做出一些JS的效果,很多都是要对数组进行一些操作,特别是学到JS后期的时候,发现很多之前JS数组基本的操...

网友评论

      本文标题:js的一些操作

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