美文网首页
杀手级的JS代码(一)

杀手级的JS代码(一)

作者: _花 | 来源:发表于2022-04-01 10:23 被阅读0次

滚动到顶部

const scrollToTop = (element) =>
  element.scrollIntoView({ behavior: "smooth", block: "start" })。

滚动到底部

const scrollToBottom = (element) =>
  element.scrollIntoView({ behavior: "smooth", block: "end" })。

生成随机颜色

const generateRandomHexColor = () =>
  \`#${Math.floor(Math.random() \* 0xffffff) .toString(16)}\`;

检测黑暗模式

const isDarkMode = () =>
  window.matchMedia &&
  window.matchMedia("(prefers-color-scheme: dark)").matches。
// 测试
console.log(isDarkMode())。

复制到剪贴板

const copyToClipboard = (text) =>
  navigator.clipboard?.writeText && navigator.clipboard.writeText(text)。
// 测试
copyToClipboard("Hello World!")。

数组乱序

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))。

相关文章

  • 杀手级的JS代码(一)

    滚动到顶部 滚动到底部 生成随机颜色 检测黑暗模式 复制到剪贴板 数组乱序

  • 一行代码-杀手级的 JS

    数组乱序 在使用需要某种程度的随机化的算法时,你会经常发现洗牌数组是一个相当必要的技能。 下面的片段以O(n lo...

  • JavaScript-运算符优先级

    一、运算符优先级 二、代码 index.js index.js

  • webpack import&require css的坑

    刚开始接触webpack时,出现了css加载优先级问题,看了下代码。main.js代码如下: b.js代码如下: ...

  • JS操作属性、函数

    条件运算符 运算符的优先级 代码块 JS操作属性 JS换肤 JS操作style属性 JS操作

  • 前端笔记10

    条件运算符 运算符优先级 代码块 js操作属性 换肤 js操作style属性 js操作class属性 js中括号操...

  • markdown基本语法

    一级标题 六级标题 引用 链接百度 代码引用 无序列表-java-php-js

  • 杀手级AI补全代码工具:TabNine

    GPT-2,一个来自OpenAI的逆天语言模型,现在能用来补全代码了。 一位来自加拿大的大四学霸,开发了一款”De...

  • 20 个杀手级 JavaScript 单行代码

    本篇整理了一些JavaScript的单行代码。 获取浏览器Cookie的值 通过document.cookie 来...

  • iOS Crash

    代码下载 iOS Crash 杀手排名 杀手 NO.1 NSInvalidArgumentException 异常...

网友评论

      本文标题:杀手级的JS代码(一)

      本文链接:https://www.haomeiwen.com/subject/bhxajrtx.html