7个杀手级的JS一行代码
数组乱序
在使用需要某种程度的随机化的算法时,你会经常发现洗牌数组是一个相当必要的技能。下面的片段以O(n log n)的复杂度对一个数组进行就地洗牌。 const shuffleArray = (arr) => arr.sort(() => Math.random() - 0.5) 。 // 测试 const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; console.log(shuffleArray(arr))。
复制到剪贴板
在Web应用程序中,复制到剪贴板因其对用户的便利性而迅速流行起来。 const copyToClipboard = (text) => navigator.clipboard?.writeText && navigator.clipboard.writeText(text)。 // 测试 copyToClipboard("Hello World!")。
注意:根据caniuse,该方法对93.08%的全球用户有效。所以必须检查用户的浏览器是否支持该API。为了支持所有用户,你可以使用一个输入并复制其内容。
数组去重
每种语言都有自己的哈希列表的实现,在JavaScript中,它被称为Set。你可以使用Set数据结构轻松地从一个数组中获得唯一元素。 const getUnique = (arr) => [...new Set(arr)]。 // 测试 const arr = [1, 1, 2, 3, 3, 4, 4, 5, 5]; console.log(getUnique(arr))。
检测黑暗模式
随着黑暗模式的普及,如果用户在他们的设备中启用了黑暗模式,那么将你的应用程序切换到黑暗模式是非常理想的。幸运的是,可以利用媒体查询来使这项任务变得简单。 const isDarkMode = () => window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches。 // 测试 console.log(isDarkMode())。
根据caniuse的数据,matchMedia的支持率为97.19%。
滚动到顶部
初学者经常发现自己在正确滚动元素的过程中遇到困难。最简单的滚动元素的方法是使用scrollIntoView方法。添加行为。"smooth "来实现平滑的滚动动画。 const scrollToTop = (element) => element.scrollIntoView({ behavior: "smooth", block: "start" })。
滚动到底部
就像scrollToTop方法一样,scrollToBottom方法也可以用scrollIntoView方法轻松实现,只需将块值切换为结束即可 const scrollToBottom = (element) => element.scrollIntoView({ behavior: "smooth", block: "end" })。
生成随机颜色
你的应用程序是否依赖随机颜色的生成?不用再看了,下面的代码段可以满足你的要求 const generateRandomHexColor = () => `#${Math.floor(Math.random() * 0xffffff) .toString(16)}`;
智能扫地机器人推荐哪个牌子?又该怎么选?没有买过扫地机器人的朋友都会问扫地机器人什么牌子好?扫地机器人好用吗?选到好的扫地机肯定是好用的,关于扫地机器人选购常识和扫地机器人推荐,看我这篇就足够了!需要了解扫地机器人的这些
SEGOO小洁扫地机器人怎么样?一天工作下来,已经很累了,如果还要动手搞卫生的话,哪属于自己的空闲时间就更少了,但是如果不搞卫生的话,那么脏兮兮的环境,也会影响你的心情。扫地机器人的出现,真的解放了双手,现在扫地
扫地机选哪个好?选择困难症看过来相对于传统的清洁工具而言,智能清洁工具已经慢慢进入大家的生活了,像扫地机器人这样富有科技感的智能家居产品,已经进入了大众是视野,给大家的家务清洁带来巨大的便利。但是市面上扫地机品牌
实测SEGOO小洁扫地机器人,真的有那么好吗?以扫地机器人为代表的清洁电器,或者又被认为家庭清洁服务类机器人产品,突然于一线市场和年轻消费群体间全面走红。扫地机器人的出现,能够让我们真正享受到一个干净无尘的安宁空间最近小洁作为
选择扫地机器人最主要的点,你一定要知道随着智能化扫地机器人进入到越来越多人的家中,身边很多朋友都开始入手扫地机器人了。但是市面上扫地机器人这么多,品牌多不胜数,那么我们怎样购买智能化扫地机器人呢?怎么才能够不踩雷呢?一
扫地机该如何选择?最全选购攻略随着科技的发展,智能产品逐渐普及到我们的生活。扫地机作为解放双手的神器,成为了众多人群的首选。相信很少有人天生爱做家务,如果你家的房子很大,那就推荐你购买一台扫地机器人。或者是工作
SEGOO扫地机器人使用报告扫拖一体,家务尽在掌握随着科技的发展,2021年扫地机器人的使用需求也在逐渐上升,产品功能方面也在不断做出着升级,逐渐成为一般家庭不可或缺的实用家务清洁电器。SEGOO小洁,这个走在扫地机器人领域的先行
人工智能的餐厅到底长什么样?网络上曾经有一段搞笑的无厘头我要去吃麦当劳了,怎样才能装的像是经常去的?有什么要注意的?放在以前,这是个笑话,但是到现在,去麦当劳或者肯德基,真的要先学一学,适应一下了,因为它们现
2018中国吉林国际汉语读书大赛记者见面会为响应一带一路倡议,促进国际间文化互学互鉴,4月12日上午,在东北亚艺术中心举办2018中国吉林国际汉语读书大赛暨东北亚书城国际汉语读书季记者见面会。记者见面会本次大赛分为在华外籍
中国移动IPO获批,运营商聚齐A股,增量也要增收啊11月4日,据中国证监会第十八届发审委2021年度第119次会议审核结果公告,中国移动首发申请获通过。招股书显示,中国移动拟公开发行人民币股份数量不超过9。65亿股并在上交所主板上
在朋友家种草了小洁M2扫地机器人,十分照顾用户使用体验平常扫地拖地都是需要我们弯腰驼背的,加上家里比较大,一顿操作下来,想想都让人觉得身心疲惫。后来在朋友家种草了一款SEGOO小洁M2扫地机器人,正好趁着有优惠活动下单了。我是活动价2