分享几个实用的单行 JS 代码

码农天地 -
分享几个实用的单行 JS 代码

单行代码极难维护(有时甚至很难理解),但这都无法阻止它们非常酷。完成编写一个极简解决方案后,你一定会很满足的。

这有一些我最近心爱的收藏。它们都可以直接在你的开放控制台中运行,来试试吧。我希望你也可以在评论中分享你喜欢的代码。

1. 日历黑客

Ali Spittel 推送了 最近动态。它解决了一个我多次面对的问题。如果你把减号换成加号,它会给你接下来七天的日子。

// 创建一个过去七天的数组,包含[...Array(7).keys()].map(days => new Date(Date.now() - 86400000 * days));2. 随机生成 ID

这是我在原型化时创建唯一 ID 的常用功能。我甚至曾见有人在生产模式中使用它。这不是安全的,但是……还有更差的随机生成函数。

// 生成一个长度为 11 的随机字母字符串Math.random().toString(36).substring(2);3、Quine

quine 是一个输出自身源码的程序。Quine 总让我如此痴迷。我已经有好几次用不同的语言来完成我自己的quine了,但是细节是最重要的。

我为你挑选了一些优胜者。这三个分别来自 Mama Fun Roll, PleaseStand,和 Peter Olson 。

// $=_=>`$=${$};$()`;$()$=_=>`$=${$};$()`;$()// eval(I="'eval(I='+JSON.stringify(I)+')'")eval(I="'eval(I='+JSON.stringify(I)+')'")// For those who like their quines via alert// (function a(){alert("("+a+")()")})()(function a(){alert("("+a+")()")})()4、获取查询参数

这是关于不可维护的代码。这会把页面的查询参数转换为 78 字节的对象。感谢 Alex Lohr 提供代码实现(还有齐翊)。

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

// 设置 `q` 的值为当前页面的查询参数q={};location.search.replace(/([^?&=]+)=([^&]*)/g,(_,k,v)=>q[k]=v);q;

我想看到迷你机这么努力的工作。

5. 工作闹钟

仅需少量代码,你就可以创建一个工作闹钟,并且你可以一口气读完它的源码。经过和同事的挑战,我写了这篇文章。它每秒钟计时一次,并使用当前时间更新页面。

<body onload="setInterval(()=>document.body.innerHTML=new Date().toGMTString().slice(17,25))"></body>6、随机排列一个数组

在 Pythonistas 展示 import random,random.shuffle(array) 解决方案前,我们只能自食其力。这有一个好处是,成为无限循环的机会很小(取决于你的实现)。Michiel Hendriks 帮助我们节省一些字符

以上就是分享几个实用的单行 JS 代码的详细内容,更多请关注php中文网其它相关文章!

微信分享相关标签:javascript js本文转载于:learnku,如有侵犯,请联系a@php.cn删除上一篇:JS内置对象 Math 和 Date 的详解下一篇:JS干货分享—-this指向问题

相关文章

相关视频

一起看看JavaScript异步剪贴板API了解JavaScript智能切图脚本JavaScript事件委托的技术原理用JavaScript获取图片的真实尺寸大小的方法...使用async属性异步加载执行JavaScript...分享几个实用的单行 JS 代码JavaScript赋值运算符JavaScript比较运算符JavaScript逻辑运算符JavaScript中的条件语句

网友评论

文明上网理性发言,请遵守 新闻评论服务协议

我要评论立即提交专题推荐独孤九贱-php全栈开发教程

全栈 100W+

主讲:Peter-Zhu 轻松幽默、简短易学,非常适合PHP学习入门

玉女心经-web前端开发教程

入门 50W+

主讲:灭绝师太 由浅入深、明快简洁,非常适合前端学习入门

天龙八部-实战开发教程

实战 80W+

主讲:西门大官人 思路清晰、严谨规范,适合有一定web编程基础学习

作者信息

凉官灰

认证0级讲师

最近文章CSS Modules 详解486JS 如何获取扫码枪输入数据719PHP SPL 标准库之 Countable548发布技术文章最新文章热门排行

JS 如何获取扫码枪输入数据一起看看JavaScript如何获取页面上被选中的文字现代JavaScript使用技巧之ES6中的简写语法用JavaScript获取伪元素(Pseudo-Element)属性的方法详解如何用JavaScript避免代码的重复执行如何用js统计字符串中每个字符出现的次数?JavaScript判断"字典"为空的方法8个问题测试你的JavaScript基础

RN布局的实例详解jQ选择器汇总JS是什么意思json格式是什么?json格式文件怎么打开?vue.js中created方法的使用详解echarts柱状图颜色设置:echarts柱状图如何设置不同颜色?(代码)js数组如何删除指定位置的元素?删除指定位置元素的2种方法怎样实现Vue项目中使用Vux推荐视频教程JavaScript设计模式完整视频教程JavaScript基础入门及设计模式视频教程JavaScript基本语法及基本语句视频教程JavaScript核心编程视频教程JavaScript深入视频教程视频教程分类php视频教程html视频教程css视频教程JS视频教程jQuery视频教程mysql视频教程Linux视频教程Python视频教程article_status = 293615;网站首页 PHP视频PHP实战PHP代码PHP手册词条手记编程词典

php中文网:公益在线php培训,帮助PHP学习者快速成长! 合肥彼岸互联信息技术有限公司

Copyright 2014-2020 https://www.php.cn/ All Rights Reserved | 皖B2-20150071-9 皖公网安备 34010402701654号 关于我们免责申明赞助与捐赠广告合作

座机号码:0551-64933227  安徽省合肥市政务新区置地广场D座2101

  var _hmt = _hmt || [];(function(){var hm = document.createElement("script");hm.src="//hm.baidu.com/hm.js?8cc45d54c337ca616c34b1cf747da91c";var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm, s);})();(function(){var bp = document.createElement('script');var curProtocol = window.location.protocol.split(':')[0];if(curProtocol === 'https'){bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';}else{bp.src = 'http://push.zhanzhang.baidu.com/push.js';};var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(bp, s);})();$('.content').viewer();
特别申明:本文内容来源网络,版权归原作者所有,如有侵权请立即与我们联系(cy198701067573@163.com),我们将及时处理。

Tags 标签

加个好友,技术交流

1628738909466805.jpg