[11] 你需要知道的 Javascript 中有用的函数
2022/9/15 1:19:58
本文主要是介绍[11] 你需要知道的 Javascript 中有用的函数,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
[11] 你需要知道的 Javascript 中有用的函数
嘿大家!这篇文章就是我们日常开发中用到的常用的Javascript函数。其中一些可能看起来很复杂,而另一些可能很简单,但我相信所有这些功能都会对您的项目更有帮助。
让我们更多地了解 Javascript 函数。
目录
- 生成随机颜色
- 数组重新排序
- 复制到剪贴板
- 检测深色主题
- 滚动到顶部
- 滚动到底部
- 检测设备
- 隐藏元素
- 从 URL 获取参数
- 深拷贝对象
- 等待功能
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中的常用函数,你可能已经知道了。一些功能将帮助您在项目中使用它们。
我希望你喜欢这篇文章,如果你觉得这篇文章有用,请与你的朋友和同事分享。
如果您有任何疑问,请随时将它们发布在评论部分或您想通过邮件询问的任何内容 ** 接触** .
谢谢,学习愉快
还读了,
- 用例子解释JS中的这个关键字
- Javascript中的事件是什么?事件功能如何工作?
- JS中比较和逻辑运算符简介
- 5 个有用的 JavaScript/jQuery 代码和技术与示例 — 必须使用
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明
本文链接:https://www.qanswer.top/36118/53191408
这篇关于[11] 你需要知道的 Javascript 中有用的函数的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-22[开源]10.3K+ Star!轻量强大的开源运维平台,超赞!
- 2024-11-21Flutter基础教程:新手入门指南
- 2024-11-21Flutter跨平台教程:新手入门详解
- 2024-11-21Flutter跨平台教程:新手入门与实践指南
- 2024-11-21Flutter列表组件教程:初学者指南
- 2024-11-21Flutter列表组件教程:新手入门指南
- 2024-11-21Flutter入门教程:初学者必看指南
- 2024-11-21Flutter入门教程:从零开始的Flutter开发指南
- 2024-11-21Flutter升级教程:新手必读的升级指南
- 2024-11-21Flutter升级教程:轻松掌握Flutter版本更新