欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

js 的 骚操作

程序员文章站 2022-04-15 17:01:25
单行的js 代码虽然简洁,但却不易维护,甚至难以理解, 但这却并不影响前端童鞋们编写简洁代码的热情, 一 , 生成随机ID 解析 : 1 , Math.random() 生成一个 0 到 1 的 随机数 =》 number = 0.7147259888717723 2 , number.toStri ......

单行的js 代码虽然简洁,但却不易维护,甚至难以理解,

但这却并不影响前端童鞋们编写简洁代码的热情,

一   , 生成随机id

  

// 生成长度为10的随机字母数字字符串
math.random().tostring(36).substring(2);

解析 : 

1 ,   math.random()   生成一个 0 到 1  的 随机数  =》  number =  0.7147259888717723

2  ,   number.tostring(36(可选))   本来number是没有tostring方法的, number调用tostring时

  number会先变成一个number类型的包装类 再调用  tostring  方法   把 它 变成 字符串 ,

  tostring(radix )  的 参数  可选  , 不填默认是  10   ,参数表示  先把  数字 

  转化成  radix  进制    的 数字 , 然后再把结果转化成字符串

   number.tostring(36(可选))     =》   str =  "0.pqa97fnmfz"     

3  ,   substring(start, end)  是用来  截取 字符串的  ,从 start  开始  截  到  end  ,

  end 可以不传  就  截取到最后一位   ,    并返回截取出来的字符串 , 

  不改变原字符串

  str.substring(2)  从第二位开始截 =》  “pqa97fnmfz”

 

二   ,  每秒更新当前时间

  

setinterval(()=>document.body.innerhtml=new date().tolocalestring().slice(10,18))

 

 解析  

new date().tolocalestring()  返回  =》   str =  "4/29/2019, 5:07:39 pm"

str.slice(10 ,18)从第10位开始截 到 18 位 =》 "5:07:39"

然后每秒更新




 三 ,   生成随机  16 进制  颜色 码   如  # ffffff

'#' + math.floor(math.random() * 0xffffff).tostring(16).padend(6, '0');

解析 : 

*  运算符  会先把  0xfffff 转换成 数字    =》  1048575

math.floor(math.random() * 0xffffff)    =>  number =  15235201

number.tostring(36) 转化成 36 进制 的 字符串 =》 str = '92jk1'

padend 和 padstart 都是 用来补全字符串的 的 操作 区别是 在后面补

还是在前面补, 接受两个参数 , 第一个参数 表示 补全 后 字符串的 长度 ,
第二个是 你 要补的字符串
str.padend(6, '0') 表示  在 str  后  补  0  , 补后 str 的 长度为 6

= > '92jk10'
就算 str.padend(6, '000') 结果还是 '92jk10' 因为长度固定了。



四 , 创建 特定长度 的 数组 并且 内容为 index

[...array(3).keys()]

解析 : 

  array(3)  创建一个长度为 3 的 空数组   =》 [empty × 3]

  keys()   返回 一个 迭代器  可以用 for  ....of 遍历  里面的 value 就是  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`
`)()

 

js 的 骚操作

这操作。。。。。。      嗯~ o(* ̄▽ ̄*)o      表示看不懂  !!!!!!

不过还是收藏了

摘自 掘金沸点