文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

web前端:javaScript 一些小技巧

lzzyok小宝贝

lzzyok小宝贝

2024-04-23 23:07

关注

  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,您可以创建一个本地时间,其中包含您可以一口气读出的源代码,它每秒都会用当前时间更新页面

  <bodyonload="setInterval(()=>document.body.innerHTML=newDate().toLocaleString().slice(10,19))"></body>

  数组混淆

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

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

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

  

  数组去重

  [...newSet(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`

  `)()

  正则去空格

  functionmyTrim(str){

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

  returnstr.replace(reg,"");

  }

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

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

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯