JavaScript是网络开发中最要害的支柱。

这篇文章蕴含了由无菌手套手工筛选的代码片段，并搁置在一个绸缎枕头上。
一个由50人组成的团队查看了这些代码，并确保其在公布前处于高度抛光状态。咱们来自瑞士的文章公布专家点燃了一支蜡烛，当他将代码输出金钱所能买到的最好的镶金键盘时，人群中一片嘘声。
咱们都有一个美好的庆贺流动，整个团聚沿着街道前进到咖啡馆，整个加尔各答镇都向文章公布到网上时挥手致意 "一路顺风！"。

祝您浏览欢快!

数组乱序

在应用须要某种程度的随机化的算法时，你会常常发现洗牌数组是一个相当必要的技能。上面的片段以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)}`;

关注我，理解科技领域的每周新资讯
须要一个评级最高的前端开发自由职业者来解决你的开发问题？请在Upwork上分割我
想看看我在做什么？请查看我的集体网站和GitHub
想分割我吗？请在LinkedIn上与我分割
我是一个自由职业者，将在2022年中期开始作为一个数字游牧者。想理解我的旅程吗？在Instagram上关注我