安庆大理运城常德铜陵江西
投稿投诉
江西南阳
嘉兴昆明
铜陵滨州
广东西昌
常德梅州
兰州阳江
运城金华
广西萍乡
大理重庆
诸暨泉州
安庆南充
武汉辽宁

10个JavaScript单行代码提高你的工作效率

3月23日 顾昀汐投稿
  全世界有超过1000万Javascript开发人员,而且这个数字每天都在增加。尽管JavaScript以其动态特性而闻名,但它还具有许多其他出色的特性。在这篇博客中,我们将看到10个有用的JavaScript单行代码,你应该知道它们来提高你的工作效率。1、生成一个范围内的随机数
  在很多情况下,我们需要在一个范围内生成一个随机数。Math。random()函数可以为我们生成一个随机数,然后我们可以将其转换为我们想要的范围。constmax20;constmin10;Math。floor()返回小于或等于一个给定数字的最大整数。Math。random()返回一个浮点型伪随机数字,在0(包括0)和1(不包括)之间。constrandomMath。floor(Math。random()(maxmin1))console。log(random);output:17output:102、反转字符串
  有几种不同的方法可以反转字符串。这是最简单的一个,使用split()、reverse()和join()方法。
  split()方法使用指定的分隔符字符串将一个String对象分割成子字符串数组。reverse()方法将数组中元素的位置颠倒,并返回该数组join()方法将一个数组(或一个类数组对象)的所有元素连接成一个字符串并返回这个字符串。如果数组只有一个项目,那么将返回该项目而不使用分隔符。reverse(str)str。split()。reverse()。join();console。log(reverse(str));output:dlrowolleh3、生成一个随机的十六进制码
  适用于元素随机颜色生成的场景
  padEnd()方法会用一个字符串填充当前字符串(如果需要的话则重复填充),返回填充后达到指定长度的字符串。从当前字符串的末尾(右侧)开始填充。Math。floor(Math。random()0xffffff)。toString(16)。padEnd(6,0);console。log(color);output:ed19ed4、数组随机排序
  在使用随机算法时,数组的随机排序是一项经常用到的场景,在JavaScript中,我们没有模块像python中的random。shuffle()方法一样实现数组元素的随机排序,但仍然有一种方法只需一行代码就可以将数组的所有元素随机排序。constshuffleArray(arr)arr。sort(()0。5Math。random());constarrArray。from({length:10},(,i)i1);console。log(array:,arr);console。log(shuffledarray:,shuffleArray(arr));output:array:〔1,2,3,4,5,6,7,8,9,10〕shuffledarray:〔5,7,8,9,1,2,3,4,10,6〕5、滚动到顶部滚动到底部
  初学者经常会发现自己很难正确地将元素滚动到视图中。滚动元素最简单的方法是使用scrollIntoView()方法。Addbehavior:smoothforasmoothscrollinganimation。constscrollToTop(element)element。scrollIntoView({behavior:smooth,block:start});constscrollToBottom(element)element。scrollIntoView({behavior:smooth,block:end});6、检查是否有人在使用暗色主题
  如果您希望您显示的内容遵循使用您网站的人的配色方案,JavaScript包含一种检测某人是否使用暗色主题的方法,以便您可以相应地调整颜色。constisDarkMode1window。matchMediawindow。matchMedia((preferscolorscheme:dark))。如果您想将其用作函数constisDarkMode2()window。matchMediawindow。matchMedia((preferscolorscheme:dark))。console。log(isDarkMode1);console。log(isDarkMode2());output:truetrue7、复制到剪贴板
  将文本复制到剪贴板非常有用,也是一个难以解决的问题。您可以在网上找到各种解决方案,但下面的解决方案可能是最简洁和最聪明的解决方案之一。constcopyToClipboard(text)navigator。clipboard?。writeTextnavigator。clipboard。writeText(text);8、获取两个日期之间的天数
  确定如用户的年龄时,你必须计算从某个时间点到现在已经过去的天数。constageDays(old,recent)Math。ceil(Math。abs(oldrecent)(1000606024))Day(s);constfirstDatenewDate(20210610);constsecondDatenewDate(20220303);console。log(ageDays(firstDate,secondDate));output:266Day(s)9、获取随机布尔值
  Javascript中的Math。random函数可用于生成范围之间的随机数。要生成随机布尔值,我们需要随机获取0到1之间的数字,然后检查它是大于还是小于0。5。constrandomBoolean()Math。random()0。5;console。log(randomBoolean());output:false10、检查当前用户是否在苹果设备上
  我们可以使用navigator。platform来检查浏览器运行的平台。constisAppleDeviceMaciPodiPhoneiPad。test(navigator。platform);console。log(navigator。platform);console。log(isAppleDevice);output:Win32false
  注意:此属性的推荐替代方案是navigator。userAgentData。platform。但是,navigator。userAgentData。platform还没有被一些主流浏览器支持,并且定义它的规范还没有被任何标准组采用(具体来说,它不是W3C或WHATWG发布的任何规范的一部分)。
投诉 评论 转载

中国男篮要想重回世界强队之列,先从选择优秀球员开始,打破传统中国男篮之所以在姚明之后无法继续统治亚洲,也无法在国际赛场上取得胜利,主要的原因还在于人才选拔的机制有问题。如果细心的朋友都可以发现,中国男篮国家队的成员中,基本上都是广东和辽……还记得王太虚吗?他用一年时间起诉拼多多,判决来了2021年1月8日,一位拼多多前端技术工程师和拼多多一起上了热搜。这位名叫王太虚的年轻人是拼多多的一名前端技术工程师。事件发生在2021年1月7日,拼多多前员工王太……尘埃落定!8交易签约完成,快船签第三中锋,克劳福德重返赛场北京时间2022年1月1号,祝各位球友新年快乐,阖家幸福安康!NBA激战正酣,参赛各队都在为拿到更靠前的常规赛战绩积极备战着,力争帮助球队登上总决赛的舞台,以捧起奥布莱恩杯,赛……天生苦相的6位女星,个个愁眉苦脸,个个情路坎坷,真玄学生活中,经常会用一脸苦相自带福相等形容词来评判女性的容貌。虽然听上去有些武断和笼统,但在观察中会发现,为何有人天生亲和力高,有人很不讨喜,这都和外貌特征有着强烈的关系。……鸡蛋价格首日回落进入4元时代上午九点半记者来到德城区三八路便民市场发现前来买鸡蛋的市民逐渐多了起来销售商告诉记者今天是蛋价下跌的首日在此之前是5元左右每斤现在降到4。9……咬妈妈手泄愤,把妈妈锁阳台暴晒一下午!该如何养好一个孩子?今天刷到两件事,看了很气愤。一个4岁的孩子,为了能够不写字,无限量看电视,趁着妈妈去阳台收衣服的空隙,把亲妈关在了阳台,暴晒一个下午!妈妈一开始以为孩子是在开玩笑,……这样剪头发你才会欢喜换个发型吧,给一成不变的生活轨道来点新鲜感。曾经最喜欢的歌就是梁咏琪的《短发》我已剪短我的发,剪短了牵挂,剪一地不被爱的分叉从此对头发、对发型有了别样的情怀,每换一次新发……保罗体会到库里的苦,泰伦卢太狠了,大爆冷勇士重回联盟第一北京时间12月14日,太阳对阵快船,艾顿和布克缺席,乔治和伦纳德也缺席,双方都是残阵出战。不过太阳还有保罗,他们的排名也比快船高。然而太阳这一次却被快船打爆,一度落后21分,最……62岁以上脉压差超40?3个降压原则建议您收藏,避免走弯路老年人患高血压、高血脂、心脏病、糖尿病的情况非常多。而如果不好好保养的话,很有可能会加速衰老,甚至是缩短寿命。所以如果在年轻的时候或者是中老年时期,就不注重对于自己身体的保养的……董卿的神仙文案,句句精致,美到不可方物1。待到秋来九月八,我花开后百花杀2、陪你的人要下车了,即使不舍得也要挥手告别3、其实,当一个人真的要离开这个世界的时候,是什么也带不走的,唯一能带走的就是心底里存……10个JavaScript单行代码提高你的工作效率全世界有超过1000万Javascript开发人员,而且这个数字每天都在增加。尽管JavaScript以其动态特性而闻名,但它还具有许多其他出色的特性。在这篇博客中,我们将看到……张常宁最新近况身体基本恢复,参加跑步综艺引发争议如今的中国女排正在打国家联赛,从取得的成绩来看,还是不能够让人满意,尤其是面对日本队的时候,当李盈莹独木难支的时候,我们也是十分的心疼,这不由得让我们期待朱婷和张常宁的回归,从……
出门野营必带好物卡式炉体验测评经常失眠还耳鸣?多半肝血不足!中医分享一妙方,补足肝血贝嫂的准儿媳亿万千金Nicolapeltz的穿衣风格性感火辣国家女排联赛总决赛中国队14人名单公布郑益昕缪伊雯无缘广厦为什么打不过辽篮?王博毫不遮掩说出原因,说得很实在一到4月,刘雯的夏日感穿搭又火了若觉人生太迷茫,何不读读黄公望PFA声明要求国际足球协会理事会试行脑震荡临时换人的规则废柴!热火抢七最大罪臣被揪出,9000万先生半场一球未进CBA全明星赛落下帷幕!却留下了4大奇葩之事猛攻!折叠屏手机出货逆势大增华为持续加大投入研发中国温泉地图,南方人赢麻了!

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找七猫云易事利