当前位置: 首页 > Web前端 > JavaScript

7KillerJS一行代码

时间:2023-03-26 22:04:21 JavaScript

JavaScript是Web开发最关键的支柱。本文包含由无菌手套精心挑选并放在缎枕上的代码片段。一个50人的团队检查了代码并确保它在发布前处于高度完善的状态。我们来自瑞士的文章出版专家点燃了一支蜡烛,当他将代码输入金钱可以买到的最好的镶金键盘时,人群发出嘘声。我们所有人都举行了一场精彩的庆祝活动,整个派对沿着街道游行到咖啡馆和整个加尔各答镇挥舞着“一路顺风!”因为这篇文章是在网上发布的。阅读愉快!数组改组当使用需要一定程度随机化的算法时,您通常会发现改组数组是一项相当必要的技能。下面的代码片段以O(nlogn)的复杂度就地打乱了一个数组。constshuffleArray=(arr)=>arr.sort(()=>Math.random()-0.5)。//测试constarr=[1,2,3,4,5,6,7,8,9,10];安慰。日志(shuffleArray(arr))。复制到剪贴板在Web应用程序中,复制到剪贴板由于方便用户而迅速流行起来。constcopyToClipboard=(text)=>navigator.clipboard?.writeText&&navigator.clipboard.writeText(text).//测试copyToClipboard("HelloWorld!")。注意:据caniuse称,此方法适用于93.08%的全球用户。所以需要检查用户的浏览器是否支持该API。为了支持所有用户,您可以使用一个输入并复制其内容。ArrayDeduplication每种语言都有自己的哈希列表实现,在JavaScript中它被称为Set。您可以使用Set数据结构轻松地从数组中获取唯一元素。constgetUnique=(arr)=>[...newSet(arr)]。//测试constarr=[1,1,2,3,3,4,4,5,5];安慰。日志(getUnique(arr))。检测深色模式随着深色模式的流行,如果用户在他们的设备中启用了深色模式,则将您的应用程序切换到深色模式是理想的选择。幸运的是,可以使用媒体查询来简化此任务。constisDarkMode=()=>window.matchMedia&&window.matchMedia("(prefers-color-scheme:dark)").匹配。//测试控制台。日志(isDarkMode())。根据caniuse数据,matchMedia的支持率为97.19%。滚动到顶部初学者经常发现自己很难正确滚动元素。滚动元素的最简单方法是使用scrollIntoView方法。添加行为。“平滑”用于平滑滚动动画。constscrollToTop=(元素)=>元素。scrollIntoView({行为:“平滑”,块:“开始”})。滚动到底部和scrollToTop方法一样,scrollToBottom方法也可以很方便的用scrollIntoView方法实现,只需要切换block值结束即可constscrollToBottom=(element)=>element.scrollIntoView({behavior:"smooth",block:“结尾”})。生成随机颜色您的应用程序是否依赖于随机颜色的生成?不用看了,下面的代码片段就能满足你的要求constgenerateRandomHexColor=()=>`#${Math.floor(Math.random()*0xffffff).toString(16)}`;关注我,了解技术周刊该领域的更新需要一流的前端开发自由职业者来解决您的开发问题?请在Upwork上联系我想看看我在做什么?请查看我的个人网站和GitHub想联系我吗?请在LinkedIn上与我联系我是一名自由职业者,从2022年年中开始成为一名数字游民。想知道我的旅程吗?在Instagram上关注我

猜你喜欢