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

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

星野

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

    • Git导读
  • 收藏夹 (opens new window)
  • 工具库 (opens new window)
  • 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
780
3.2 m
7

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
更多文章>
Nickname
Email
Website
0/500
  • OωO
  • |´・ω・)ノ
  • ヾ(≧∇≦*)ゝ
  • (☆ω☆)
  • (╯‵□′)╯︵┴─┴
  •  ̄﹃ ̄
  • (/ω\)
  • ∠( ᐛ 」∠)_
  • (๑•̀ㅁ•́ฅ)
  • →_→
  • ୧(๑•̀⌄•́๑)૭
  • ٩(ˊᗜˋ*)و
  • (ノ°ο°)ノ
  • (´இ皿இ`)
  • ⌇●﹏●⌇
  • (ฅ´ω`ฅ)
  • (╯°A°)╯︵○○○
  • φ( ̄∇ ̄o)
  • ヾ(´・ ・`。)ノ"
  • ( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
  • (ó﹏ò。)
  • Σ(っ °Д °;)っ
  • ( ,,´・ω・)ノ"(´っω・`。)
  • ╮(╯▽╰)╭
  • o(*////▽////*)q
  • >﹏<
  • ( ๑´•ω•) "(ㆆᴗㆆ)
  • 😂
  • 😀
  • 😅
  • 😊
  • 🙂
  • 🙃
  • 😌
  • 😍
  • 😘
  • 😜
  • 😝
  • 😏
  • 😒
  • 🙄
  • 😳
  • 😡
  • 😔
  • 😫
  • 😱
  • 😭
  • 💩
  • 👻
  • 🙌
  • 🖕
  • 👍
  • 👫
  • 👬
  • 👭
  • 🌚
  • 🌝
  • 🙈
  • 💊
  • 😶
  • 🙏
  • 🍦
  • 🍉
  • 😣
  • 颜文字
  • Emoji
  • Bilibili
0 comments
No comment
Powered by Twikoo v1.5.10
Twikoo Management Panel
Password
加入前端有道交流群 | Copyright © 2018-2025 星野 | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式