[11] 你需要知道的 Javascript 中有用的函数

[11] 你需要知道的 Javascript 中有用的函数

嘿大家!这篇文章就是我们日常开发中用到的常用的Javascript函数。其中一些可能看起来很复杂,而另一些可能很简单,但我相信所有这些功能都会对您的项目更有帮助。

让我们更多地了解 Javascript 函数。

目录

  1. 生成随机颜色
  2. 数组重新排序
  3. 复制到剪贴板
  4. 检测深色主题
  5. 滚动到顶部
  6. 滚动到底部
  7. 检测设备
  8. 隐藏元素
  9. 从 URL 获取参数
  10. 深拷贝对象
  11. 等待功能

1.生成随机颜色

您的网站是否需要生成随机颜色?以下代码行将执行此操作。

2.数组重新排序

对数组元素重新排序是一个非常重要的技巧,但它在原生数组中不可用。

3.复制到剪贴板

复制到剪贴板是一项非常有用且用户友好的功能。

4.检测黑暗主题

如今,深色主题越来越流行,许多应用程序都有深色模式选项,许多用户会在设备上启用案例模式。

我们将应用程序切换到深色主题以改善用户体验。

5. 滚动到顶部

  • 将元素滚动到顶部的最简单方法是使用 scrollIntoView。
  • 将块设置为 开始 滚动到顶部。
  • 将行为设置为 光滑的 启用平滑滚动。

6.滚动到底部

就像滚动到顶部一样,滚动到底部只是将块设置为 结尾 .

七、检测设备

使用 navigator.userAgent 检测网站在哪个平台设备上运行。如果任何一个条件匹配,则该设备将是移动的。

8.隐藏元素

我们可以设置元素的 style.visibility 太隐藏了,隐藏了元素的可见性,但是元素的空间还是会被占用。将元素的 style.display 设置为 none 将从渲染流中删除该元素。

9. 从 URL 中获取参数

JavaScript中有一个URL对象,可以很方便的获取URL中的参数。

10. 深拷贝对象

对象的深度复制非常简单。首先,将对象转换为字符串,然后将其转换为对象。

除了使用 JSON 的 API 之外,还有一个更新的 结构化克隆 用于深度复制对象的 API,并非所有浏览器都支持。

 结构化克隆(obj)

11.等待功能

JavaScript 提供了 setTimeout 函数,但它不返回 承诺 对象,所以我们不能在这个函数上使用异步,但是我们可以封装等待函数。

这就是本文的内容,这些都是Javascript中的常用函数,你可能已经知道了。一些功能将帮助您在项目中使用它们。

我希望你喜欢这篇文章,如果你觉得这篇文章有用,请与你的朋友和同事分享。

如果您有任何疑问,请随时将它们发布在评论部分或您想通过邮件询问的任何内容 ** 接触** .

谢谢,学习愉快

还读了,

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明

本文链接:https://www.qanswer.top/36118/53191408

posted @ 2022-09-14 08:54  哈哈哈来了啊啊啊  阅读(15)  评论(0编辑  收藏  举报