1、生成隨機(jī)顏色

當(dāng)網(wǎng)站需要生成隨機(jī)顏色時(shí)，我們可以通過以下代碼來執(zhí)行此操作。

2、數(shù)組重新排序

對(duì)數(shù)組元素重新排序是一個(gè)非常重要的技巧，但它在原生數(shù)組中不可用。

3、復(fù)制到剪貼板

復(fù)制到剪貼板是一項(xiàng)非常有用且用戶友好的功能。

4、檢測深色主題

深色主題越來越流行，很多用戶會(huì)在設(shè)備上啟用暗模式。我們將應(yīng)用程序切換到深色主題以改善用戶體驗(yàn)。

5、滾動(dòng)到頂部

將元素滾動(dòng)到頂部的最簡單方法是使用 scrollIntoView。設(shè)置塊開始滾動(dòng)到頂部；將行為設(shè)置為平滑以啟用平滑滾動(dòng)。

6、滾動(dòng)到底部

就像滾動(dòng)到頂部一樣，滾動(dòng)到底部只是將塊設(shè)置為結(jié)束。

7、檢測元素是否在屏幕上

檢查元素是否在窗口中的最佳方法是使用 IntersectionObserver。

8、檢測設(shè)備

使用 navigator.userAgent 檢測網(wǎng)站在哪個(gè)平臺(tái)設(shè)備上運(yùn)行。

9、隱藏元素

我們可以將元素的 style.visibility 設(shè)置為 hidden 來隱藏元素的可見性，但是，元素的空間還是會(huì)被占用。將元素的 style.display 設(shè)置為 none 將從渲染流中刪除該元素。

10、從 URL 獲取參數(shù)

JavaScript中有一個(gè)URL對(duì)象，可以很方便的獲取URL中的參數(shù)。

11、深拷貝對(duì)象

深度復(fù)制對(duì)象非常簡單。首先，將對(duì)象轉(zhuǎn)換為字符串，然后將其轉(zhuǎn)換為對(duì)象。

除了使用 JSON 的 API 之外，還有一個(gè)更新的結(jié)構(gòu)化克隆 API，用于深度復(fù)制對(duì)象，并非所有瀏覽器都支持該 API。

12、等待功能

JavaScript 提供了 setTimeout 函數(shù)，但是，它沒有返回 Promise 對(duì)象，所以我們不能在這個(gè)函數(shù)上使用 async，但是，我們可以封裝等待函數(shù)。

13、有條件地在對(duì)象中添加屬性

14、檢查對(duì)象中是否存在屬性

15、使用動(dòng)態(tài)鍵破壞對(duì)象

16、循環(huán)訪問對(duì)象以訪問鍵和值

17、防止在使用可選鏈(?.)訪問對(duì)象中不存在的任何鍵時(shí)拋出錯(cuò)誤

警告??：當(dāng)你不確定他們的屬性是否存在或不在數(shù)據(jù)中時(shí)使用可選鏈接。如果您確定密鑰必須傳入數(shù)據(jù)，并且如果沒有出現(xiàn)，那么，最好是拋出錯(cuò)誤而不是阻止它們。

18、檢查數(shù)組中的 falsy值

19、刪除數(shù)組中的重復(fù)值

20、校驗(yàn)值是數(shù)組類型

21、字符串到數(shù)字和數(shù)字到字符串的轉(zhuǎn)換使用'+'操作符

22、當(dāng)值為 null 且 undefined 時(shí)，使用空值合并 (??) 運(yùn)算符有條件地分配其他值

將與 OR (||) 運(yùn)算符混淆？？

如果值不真實(shí)（0，''，null，undefined，false，NaN），當(dāng)您想要有條件地分配其他值時(shí)使用 OR 運(yùn)算符。

23、使用 !! 進(jìn)行布爾轉(zhuǎn)換操作符

寫在最后

以上就是我今天與你分享的全部內(nèi)容，如果你覺得有用的話，請(qǐng)記得點(diǎn)贊我，關(guān)注我，并將它分享給你身邊的朋友，也許能夠幫助到他。

最后，謝謝你的閱讀，祝編程愉快！