前端有道 前端有道
导航
算法
开发
  • Git

    • Git导读
  • 收藏夹 (opens new window)
  • 工具库 (opens new window)
  • netlify Vuepress (opens new window)
  • vercel Vuepress (opens new window)
  • Vuepress2.0 (opens new window)
  • netlify Vuepress2.0 (opens new window)
留言区
娱乐
关于
  • 时间轴
  • 标签
  • 分类

星野

给岁月以文明
导航
算法
开发
  • Git

    • Git导读
  • 收藏夹 (opens new window)
  • 工具库 (opens new window)
  • netlify Vuepress (opens new window)
  • vercel Vuepress (opens new window)
  • Vuepress2.0 (opens new window)
  • netlify Vuepress2.0 (opens new window)
留言区
娱乐
关于
  • 时间轴
  • 标签
  • 分类
  • 基础知识

  • 工程化

  • 组件库

  • CSS

  • ES6-ES12

  • JavaScript

    • 代码中大量的if/else你有什么优化方案
    • 慎用Number.toFixed()
    • nutils-js 前端开发的工具类库
    • 13个JS一行代码,它们会让你看起来像个大佬
      • 1. 获取一个随机布尔值 (true/false)
      • 2. 检查提供的日期是否为工作日
      • 3.反转字符串
      • 4.检查当前选项卡是否在视图/焦点中
      • 5.检查一个数字是偶数还是奇数
      • 6. 从日期中获取时间
      • 7.将数字截断为固定小数点
      • 8.检查元素当前是否处于焦点
      • 9. 检查当前用户是否支持触摸事件
      • 10.检查当前用户是否在苹果设备上
      • 11. 滚动到页面顶部
      • 12. 获取参数的平均值
      • 13.转换华氏/摄氏
  • Vue2

  • Vue3

  • webpack

  • 浏览器

  • 开发
  • JavaScript
星野
2022-03-16
0
目录

13个JS一行代码,它们会让你看起来像个大佬

# 13个JS一行代码,它们会让你看起来像个大佬

说明:本章内容译来源13-javascript (opens new window),教程版权归原作者所有。

# 1. 获取一个随机布尔值 (true/false)

此函数将使用该Math.random()方法返回一个布尔值(真或假)。 Math.random将创建一个介于 0 和 1 之间的随机数,然后我们检查它是高于还是低于 0.5。这意味着有 50%/50% 的机会判断为真或假。

# 2. 检查提供的日期是否为工作日

使用此方法,您将能够检查您在函数中提供的日期是工作日还是周末。

# 3.反转字符串

有几种不同的方法可以反转字符串。split()这是使用、reverse()和方法的最简单的方法之一join()。

# 4.检查当前选项卡是否在视图/焦点中

document.hidden我们可以使用该属性检查当前选项卡是否在视图/焦点中。

# 5.检查一个数字是偶数还是奇数

# 6. 从日期中获取时间

通过使用该.toTimeString()方法并在正确的位置对字符串进行切片,我们可以从我们提供的日期中获取时间,或者获取当前时间。

# 7.将数字截断为固定小数点

使用该Math.pow()方法,我们可以将数字截断到我们在函数中提供的某个小数点。

# 8.检查元素当前是否处于焦点

document.activeElement我们可以使用该属性检查元素当前是否处于焦点中。

# 9. 检查当前用户是否支持触摸事件

# 10.检查当前用户是否在苹果设备上

我们可以navigator.platform用来检查当前用户是否在 Apple 设备上。

# 11. 滚动到页面顶部

该window.scrollTo()方法将采用 x 和 y 坐标滚动到。如果我们将它们设置为零和零,我们将滚动到页面顶部。 注意:IE 不支持 scrollTo() 方法。

# 12. 获取参数的平均值

我们可以使用 reduce 方法来获取我们在此函数中提供的参数的平均值。

# 13.转换华氏/摄氏

处理温度有时会令人困惑。这两个函数将帮助您将华氏温度转换为摄氏温度,反之亦然。

上次更新: 2022/05/09, 06:48:29
nutils-js 前端开发的工具类库
令人眼前一亮的Vue实战技巧

← nutils-js 前端开发的工具类库 令人眼前一亮的Vue实战技巧→

最近更新
01
图解Git
05-10
02
关于 - 网站错误反馈
05-10
03
关于 - 赞赏❤️的用途
05-10
更多文章>
加入前端有道交流群 | Copyright © 2018-2025 星野 | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式