1.滾動到頁面頂部

我們可以使用 window.scrollTo() 平滑滾動到頁面頂部。

2.滾動到頁面底部

當(dāng)然，如果知道文檔的高度，也可以平滑滾動到頁面底部。

3.將元素滾動到可見區(qū)域

有時候我們需要將元素滾動到可見區(qū)域，怎么辦？使用 scrollIntoView 就足夠了。

4. 以全屏模式顯示元素

你一定遇到過這樣的場景，需要全屏播放視頻，在瀏覽器中全屏打開頁面。

5.退出瀏覽器全屏狀態(tài)

是的，這個和第4點(diǎn)一起使用，你也會有退出瀏覽器全屏狀態(tài)的場景。

6.獲取數(shù)據(jù)類型

如何通過函數(shù)獲取變量的數(shù)據(jù)類型？

7.停止冒泡事件

需要一種適用于所有平臺的防止事件冒泡的方法。

8.深拷貝一個對象

如何復(fù)制深度嵌套的對象？

9. 確定設(shè)備類型

我們經(jīng)常需要這樣做，在手機(jī)上顯示 A 邏輯，在 PC 上顯示 B 邏輯?；旧希O(shè)備類型是通過識別瀏覽器的userAgent來確定的。

10.判斷設(shè)備是Android還是IOS

除了區(qū)分是手機(jī)端還是PC端，很多時候我們還需要區(qū)分當(dāng)前設(shè)備是Android還是IOS。

11.獲取瀏覽器類型和版本

作為前端開發(fā)人員，您可能會遇到各種兼容性問題。這時候你可能需要獲取瀏覽器的類型和版本。

12.設(shè)置cookies

cookie 可能是我見過的最糟糕的 API，它太難用了，我們不得不重新封裝它以最大限度地提高我們的開發(fā)效率。

13. 獲取 cookie

除了寫入cookie之外，我們還會參與到它的讀取操作中。

14. 刪除 cookie

刪除cookie的想法是什么？其實只要把它的過期時間設(shè)置到這個時刻，它就會立即過期。

15.生成隨機(jī)字符串

不知道大家有沒有遇到過需要生成隨機(jī)字符串的場景。我遇到過很多次，每次都要重新google一遍，直到學(xué)會這個工具功能。

16.將字符串首字母大寫

17.生成指定范圍內(nèi)的隨機(jī)數(shù)

可能出于測試目的，我經(jīng)常需要生成一定范圍內(nèi)的隨機(jī)數(shù)。

18.打亂數(shù)組的順序

如何打亂數(shù)組的原始順序？

19. 從數(shù)組中獲取一個隨機(jī)值

之前做過一個抽獎項目，需要讓數(shù)組中的獎品隨機(jī)出現(xiàn)。

20. 第一種格式化貨幣的方法

格式化錢的方式有很多種，比如這兩種方式。

21.格式化錢的第二種方式

正則表達(dá)式讓我們太頭疼了，不是嗎？所以我們需要找到一種更簡單的方法來格式化貨幣。