偷偷摘套内射激情视频,久久精品99国产国产精,中文字幕无线乱码人妻,中文在线中文a,性爽19p

記好這 24 個 ES6 方法，用來解決實際開發(fā)的 JS 問題

作者：前端小智
開發(fā) 前端
本文主要介紹 24 中 es6 方法，這些方法都挺實用的，本本請記好，時不時翻出來看看。

 本文主要介紹 24 中 es6 方法，這些方法都挺實用的，本本請記好，時不時翻出來看看。

[[317461]]

1.如何隱藏所有指定的元素

 

記好這 24 個 ES6 方法，用來解決實際開發(fā)的 JS 問題

 

2.如何檢查元素是否具有指定的類?

頁面DOM里的每個節(jié)點上都有一個classList對象，程序員可以使用里面的方法新增、刪除、修改節(jié)點上的CSS類。使用classList，程序員還可以用它來判斷某個節(jié)點是否被賦予了某個CSS類。

 

記好這 24 個 ES6 方法，用來解決實際開發(fā)的 JS 問題

 

3.如何切換一個元素的類?

 

記好這 24 個 ES6 方法，用來解決實際開發(fā)的 JS 問題

 

4.如何獲取當前頁面的滾動位置?

 

記好這 24 個 ES6 方法，用來解決實際開發(fā)的 JS 問題

 

5.如何平滑滾動到頁面頂部

 

記好這 24 個 ES6 方法，用來解決實際開發(fā)的 JS 問題

 

window.requestAnimationFrame() 告訴瀏覽器——你希望執(zhí)行一個動畫，并且要求瀏覽器在下次重繪之前調(diào)用指定的回調(diào)函數(shù)更新動畫。該方法需要傳入一個回調(diào)函數(shù)作為參數(shù)，該回調(diào)函數(shù)會在瀏覽器下一次重繪之前執(zhí)行。

requestAnimationFrame：優(yōu)勢：由系統(tǒng)決定回調(diào)函數(shù)的執(zhí)行時機。60Hz的刷新頻率，那么每次刷新的間隔中會執(zhí)行一次回調(diào)函數(shù)，不會引起丟幀，不會卡頓。

6.如何檢查父元素是否包含子元素?

 

記好這 24 個 ES6 方法，用來解決實際開發(fā)的 JS 問題

 

7.如何檢查指定的元素在視口中是否可見?

 

記好這 24 個 ES6 方法，用來解決實際開發(fā)的 JS 問題

 

8.如何獲取元素中的所有圖像?

 

記好這 24 個 ES6 方法，用來解決實際開發(fā)的 JS 問題

 

9.如何確定設(shè)備是移動設(shè)備還是臺式機/筆記本電腦?

 

記好這 24 個 ES6 方法，用來解決實際開發(fā)的 JS 問題

 

10.How to get the current URL?

 

記好這 24 個 ES6 方法，用來解決實際開發(fā)的 JS 問題

 

11.如何創(chuàng)建一個包含當前URL參數(shù)的對象?

 

記好這 24 個 ES6 方法，用來解決實際開發(fā)的 JS 問題

 

12.如何將一組表單元素轉(zhuǎn)化為對象?

 

記好這 24 個 ES6 方法，用來解決實際開發(fā)的 JS 問題

 

13.如何從對象檢索給定選擇器指示的一組屬性?

 

記好這 24 個 ES6 方法，用來解決實際開發(fā)的 JS 問題

 

14.如何在等待指定時間后調(diào)用提供的函數(shù)?

 

記好這 24 個 ES6 方法，用來解決實際開發(fā)的 JS 問題

 

15.如何在給定元素上觸發(fā)特定事件且能選擇地傳遞自定義數(shù)據(jù)?

 

記好這 24 個 ES6 方法，用來解決實際開發(fā)的 JS 問題

 

自定義事件的函數(shù)有 Event、CustomEvent 和 dispatchEvent

 

記好這 24 個 ES6 方法，用來解決實際開發(fā)的 JS 問題

 

CustomEvent 可以創(chuàng)建一個更高度自定義事件，還可以附帶一些數(shù)據(jù)，具體用法如下：

 

記好這 24 個 ES6 方法，用來解決實際開發(fā)的 JS 問題

 

其中 detail 可以存放一些初始化的信息，可以在觸發(fā)的時候調(diào)用。其他屬性就是定義該事件是否具有冒泡等等功能。

內(nèi)置的事件會由瀏覽器根據(jù)某些操作進行觸發(fā)，自定義的事件就需要人工觸發(fā)。dispatchEvent 函數(shù)就是用來觸發(fā)某個事件：

 

  1. element.dispatchEvent(customEvent); 

上面代碼表示，在 element 上面觸發(fā) customEvent 這個事件。

 

記好這 24 個 ES6 方法，用來解決實際開發(fā)的 JS 問題

 

16.如何從元素中移除事件監(jiān)聽器?

 

記好這 24 個 ES6 方法，用來解決實際開發(fā)的 JS 問題

 

17.如何獲得給定毫秒數(shù)的可讀格式?

 

記好這 24 個 ES6 方法，用來解決實際開發(fā)的 JS 問題

 

18.如何獲得兩個日期之間的差異(以天為單位)?

 

記好這 24 個 ES6 方法，用來解決實際開發(fā)的 JS 問題

 

19.如何向傳遞的URL發(fā)出GET請求?

 

記好這 24 個 ES6 方法，用來解決實際開發(fā)的 JS 問題

 

20.如何對傳遞的URL發(fā)出POST請求?

 

記好這 24 個 ES6 方法，用來解決實際開發(fā)的 JS 問題

 

21.如何為指定選擇器創(chuàng)建具有指定范圍，步長和持續(xù)時間的計數(shù)器?

 

記好這 24 個 ES6 方法，用來解決實際開發(fā)的 JS 問題

 

22.如何將字符串復制到剪貼板?

 

記好這 24 個 ES6 方法，用來解決實際開發(fā)的 JS 問題

 

23.如何確定頁面的瀏覽器選項卡是否聚焦?

 

記好這 24 個 ES6 方法，用來解決實際開發(fā)的 JS 問題

 

24.如何創(chuàng)建目錄(如果不存在)?

 

記好這 24 個 ES6 方法，用來解決實際開發(fā)的 JS 問題

 

這里面的方法大都挺實用，可以解決很多開發(fā)過程問題，大家就好好利用起來吧。

責任編輯：華軒 來源： 今日頭條
瀏覽器程序員CSS
相關(guān)推薦

2020-12-02 06:11:02

JS ES6方法

2021-01-27 07:51:41

JSES6元素

2020-03-22 15:48:14

JavaScriptWeb編程語言

2022-09-21 12:46:39

開發(fā)JavaScrip代碼

2022-10-25 08:02:01

JavaScriptArrayMap

2022-09-23 09:14:28

JavaScriptES6代碼

2020-07-01 07:58:20

ES6JavaScript開發(fā)

2017-08-31 14:25:34

前端JavascriptES6

2022-07-26 09:02:15

ES6ES13ECMAScript

2022-06-01 09:06:58

ES6數(shù)組函數(shù)

2015-11-10 12:24:36

創(chuàng)業(yè)問題思路

2021-08-16 07:05:58

ES6Promise開發(fā)語言

2020-04-02 09:01:54

JSES 6開發(fā)

2010-05-25 11:24:34

MySQL 亂碼

2020-10-05 21:57:43

Python生成器可迭代對象

2021-07-08 10:04:36

人工智能AI主管

2023-02-23 16:49:11

ES6技巧

2024-06-26 08:18:08

ES6模板字符串

2020-06-03 09:08:21

JavaScript開發(fā)代碼

2021-07-30 07:10:07

ES6函數(shù)參數(shù)
點贊
收藏

51CTO技術(shù)棧公眾號