21 个简单实用的 JavaScript 代码技巧

1.滚动到页面顶部

我们可以使用 window.scrollTo() 平滑滚动到页面顶部。

2.滚动到页面底部

当然，如果知道文档的高度，也可以平滑滚动到页面底部。

3.将元素滚动到可见区域

有时候我们需要将元素滚动到可见区域，怎么办？使用 scrollIntoView 就足够了。

4. 以全屏模式显示元素

你一定遇到过这样的场景，需要全屏播放视频，在浏览器中全屏打开页面。

5.退出浏览器全屏状态

是的，这个和第4点一起使用，你也会有退出浏览器全屏状态的场景。

6.获取数据类型

如何通过函数获取变量的数据类型？

7.停止冒泡事件

需要一种适用于所有平台的防止事件冒泡的方法。

8.深拷贝一个对象

如何复制深度嵌套的对象？

9. 确定设备类型

我们经常需要这样做，在手机上显示 A 逻辑，在 PC 上显示 B 逻辑。基本上，设备类型是通过识别浏览器的userAgent来确定的。

10.判断设备是Android还是IOS

除了区分是手机端还是PC端，很多时候我们还需要区分当前设备是Android还是IOS。

11.获取浏览器类型和版本

作为前端开发人员，您可能会遇到各种兼容性问题。这时候你可能需要获取浏览器的类型和版本。

12.设置cookies

cookie 可能是我见过的最糟糕的 API，它太难用了，我们不得不重新封装它以最大限度地提高我们的开发效率。

13. 获取 cookie

除了写入cookie之外，我们还会参与到它的读取操作中。

14. 删除 cookie

删除cookie的想法是什么？其实只要把它的过期时间设置到这个时刻，它就会立即过期。

15.生成随机字符串

不知道大家有没有遇到过需要生成随机字符串的场景。我遇到过很多次，每次都要重新google一遍，直到学会这个工具功能。

16.将字符串首字母大写

17.生成指定范围内的随机数

可能出于测试目的，我经常需要生成一定范围内的随机数。

18.打乱数组的顺序

如何打乱数组的原始顺序？

19. 从数组中获取一个随机值

之前做过一个抽奖项目，需要让数组中的奖品随机出现。

20. 第一种格式化货币的方法

格式化钱的方式有很多种，比如这两种方式。

21.格式化钱的第二种方式

正则表达式让我们太头疼了，不是吗？所以我们需要找到一种更简单的方法来格式化货币。