日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

 在本文中，我們將看一些常見(jiàn)JavaScript問(wèn)題的解決方案。

我們提供的服務(wù)有：成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)、微信公眾號(hào)開(kāi)發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、延川ssl等。為近千家企事業(yè)單位解決了網(wǎng)站和推廣的問(wèn)題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的延川網(wǎng)站制作公司

使用JavaScript使窗口全屏顯示

我們可以使用全屏API使窗口全屏顯示。

例如，我們可以這樣寫：

 
 

  
  
document.documentElement.requestFullscreen(); 
 
 

我們只是調(diào)用 requestFullScreen 方法將窗口更改為全屏模式。

然后，我們可以調(diào)用 document.exitFullScreen 退出全屏模式。

將JavaScript NodeList轉(zhuǎn)換為數(shù)組的最快方法

我們可以使用擴(kuò)展運(yùn)算符(...)或 Array.from 方法將JavaScript NodeList轉(zhuǎn)換為數(shù)組。

例如，我們可以這樣寫：

 
 

  
  
const els = Array.from(document.querySelectorAll('p')); 
 
 

我們可以通過(guò)以下方式使用傳播運(yùn)算符：

 
 

  
  
const els = [...document.querySelectorAll('p')]; 
 
 

每個(gè)單詞的首字母大寫

我們可以使用一些數(shù)組方法將每個(gè)單詞的首字母大寫。

例如，我們可以這樣寫：

 
 

  
  
str = str.toLowerCase() 
  
  
  .split(' ') 
  
  
  .map((s) => `${s.charAt(0).toUpperCase()}${s.substring(1)}`) 
  
  
  .join(' '); 
 
 

我們首先將字符串轉(zhuǎn)換為小寫，然后使用 split 拆分單詞。

然后我們調(diào)用 map 來(lái)匹配每個(gè)單詞，使其首字母大寫，其余小寫。

最后，我們調(diào)用 join 將單詞重新組合在一起。

JavaScript文件上傳大小驗(yàn)證

我們可以在不使用任何庫(kù)的情況下驗(yàn)證文件的大小。

例如，我們可以這樣寫：

然后我們可以寫：

 
 

  
  
const validateSize = (file) => { 
  
  
  const fileSize = file.files[0].size; 
  
  
  if (fileSize > 2 * (1024 ** 2)) { 
  
  
    console.log('File size exceeds 2 MB'); 
  
  
  } else { 
  
  
    //... 
  
  
  } 
  
  
} 
 
 

我們只是獲得 file.files[0].size 屬性來(lái)驗(yàn)證所選的第一個(gè)文件的大小。

file 是文件輸入。

files 具有一個(gè)或多個(gè)選定文件。

size 就是大小。

將類添加到DOM元素

要將類添加到DOM元素，我們可以使用 classList 屬性的 add 方法。

例如，我們可以這樣寫：

 
 

  
  
const element = document.querySelector('div'); 
  
  
element.classList.add('baz'); 
 
 

我們得到了div元素，然后可以使用 classList 的 add 方法添加類名。

使用%來(lái)進(jìn)行模塊運(yùn)算

% 運(yùn)算符用于將一個(gè)數(shù)字的余數(shù)除以另一個(gè)。

但我們也可以用它來(lái)得到一個(gè)數(shù)字mod另一個(gè)數(shù)字。

例如，我們可以這樣寫：

 
 

  
  
const mod = (m, n) => ((m % n) + n) % n; 
 
 

我們首先得到 m 除以 n 的余數(shù)。

然后我們?cè)偌由?n ，使之成為正數(shù)。

最后，我們得到該值除以 n 的余數(shù) 。

并列N個(gè)數(shù)組的最有效方法

我們可以使用 push 方法連接一個(gè)或多個(gè)數(shù)組。

為此，我們可以編寫：

 
 

  
  
arr.push(...a, ...b) 
 
 

然后，來(lái)自 a 和 b 的所有項(xiàng)目將附加到 arr。

我們還可以將 concat 與多個(gè)數(shù)組一起使用。

例如，我們可以這樣寫：

 
 

  
  
arr = arr.concat(array, array1, array2, array3); 
 
 

我們調(diào)用 concat，這樣我們就把每個(gè)數(shù)組的條目放在 arr 的條目之后的新數(shù)組中。

然后返回該數(shù)組。

因此，我們必須把它分配給 arr，以更新它的返回值。

根據(jù)屬性值在DOM中查找元素

我們可以基于屬性值在DOM中找到一個(gè)元素。

例如，我們可以這樣寫：

 
 

  
  
const fileInput = document.querySelector("input[type=file]"); 
 
 

我們通過(guò)使用 querySelector 獲得文件輸入。

它接受任何CSS選擇器，包括屬性選擇器。

type 是屬性，file 是值。

我們也可以通過(guò)使用 querySelectorAll 得到一組具有相同選擇器的元素。

分享標(biāo)題：JavaScript技巧—檢查文件大小等
網(wǎng)站URL：http://www.dlmjj.cn/article/cogjohd.html