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)}`;
哪个牌子的投影仪性价比高?雷数码精选投影仪品牌推荐手机和平板的出现降低了人们看电视机的频率,很多人在装修的时候都会选择安装当下最火的投影仪,在家就能享受影院级的效果,实现观影自由。因此,今年雷数码陆陆续续收到了很多关于投影仪的问题
华为智慧屏V75Super正式开售,你的一台电视何必是OLED北京时间8月12日,华为智慧屏V75Super正式开启首销,凭借HarmonyOS2的分布式能力趋于完备的生态,以及鸿鹄SuperMiniLED20单元帝瓦雷音响等属性,华为智慧屏
王思聪价值百万元的电脑,到底贵在哪?近日,娱乐圈纪检委王思聪又有了新的title专业搞机男。起因是因为博主电丸科技AK发布了一则视频,记录其受邀帮助王思聪组装电脑的经历。据悉,王思聪配置该电脑花费百万元,配置不输服务
五星级如厕感受,美标智能马桶盖评测来了说实话,我第一次接触智能马桶盖还是在某次入住五星酒店的时候,打那之后就感觉嗯,智能产品不愧智能,非常好用!不可否认,智能马桶盖水洗的方式真的很科学,比纸擦干净多了,也因此种了草,从
轻薄有型才貌双全!11代酷睿轻薄本就选惠普ENVY13从去年开始,轻薄本的处理器性能有了极大的飞跃。除了常规的办公学习娱乐之外,如果你需要运行一些对处理器性能要求较高的软件和应用比如PSPR等,选择搭载11代酷睿处理器的轻薄本就完全能
最值得买的华为手机,是你在使用的吗最值得买的华为手机,是你在使用的吗?第一款华为P40PRO1屏幕屏幕尺寸6。76英寸,屏幕色彩1670万色,分辨率FHD27721344像素,看电影更加舒畅。2相机后置摄像头超感知
ROG?什么牌子?游戏手机?来看看这是什么牌子我还真不晓得,不过看在它是游戏手机,我想到游戏党定会喜欢,我就去查了查。ROG游戏手机,是华硕发布的一款智能手机。ROGPhone5S的海外电商页面曝光,它搭载骁龙88
超高屏占比66W超级快充加持,荣耀X20亮点满满8月12日发布会主角毫无疑问是荣耀Magic3,其实有认真看发布会的朋友肯定知道,荣耀X20同样是一款十分值得推荐的机型,喜迎荣耀X系列再度更新,荣耀X20实际体验究竟如何?120
全芯升级,满血加持,T58V锐龙版评测在近两年的笔记本行业中,随着AMD处理器的7nm制造工艺愈发成熟,其推出的处理器不仅性能强劲,并且在发热量以及续航能力上均有非常不错的表现,成为了不少高性能笔记本的核心配置之一,而
广健产业体安软件终于在AppleStore上架啦经过日以继夜的翘首期盼我们的体安宝藏APP终于在苹果商城上架啦!体安一款支持安卓和iOS双端的智能健康管理软件结合体安健康手表及其他体安系列产品为用户提供心率血氧心电血压体温等健康
每周电视选购指南这几款又迎来史低价最近几月电视的价格始终居高不下,让不少有采购意向的小伙伴都开始持币观望,不过各大电商平台的优惠活动还是有的,只要细心,总会有捡漏的机会。本文就将本周来到史低价的电视产品进行汇总,手