成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

JavaScript技巧—檢查文件大小等

開發 前端
在本文中,我們將看一些常見JavaScript問題的解決方案。我們可以使用全屏API使窗口全屏顯示。

 在本文中,我們將看一些常見JavaScript問題的解決方案。

[[334516]]

使用JavaScript使窗口全屏顯示

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

例如,我們可以這樣寫:

  1. document.documentElement.requestFullscreen(); 

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

然后,我們可以調用 document.exitFullScreen 退出全屏模式。

將JavaScript NodeList轉換為數組的最快方法

我們可以使用擴展運算符(...)或 Array.from 方法將JavaScript NodeList轉換為數組。

例如,我們可以這樣寫:

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

我們可以通過以下方式使用傳播運算符:

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

每個單詞的首字母大寫

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

例如,我們可以這樣寫:

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

我們首先將字符串轉換為小寫,然后使用 split 拆分單詞。

然后我們調用 map 來匹配每個單詞,使其首字母大寫,其余小寫。

最后,我們調用 join 將單詞重新組合在一起。

JavaScript文件上傳大小驗證

我們可以在不使用任何庫的情況下驗證文件的大小。

例如,我們可以這樣寫:

  1. <input onchange="validateSize(this)" type="file"

然后我們可以寫:

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

我們只是獲得 file.files[0].size 屬性來驗證所選的第一個文件的大小。

file 是文件輸入。

files 具有一個或多個選定文件。

size 就是大小。

將類添加到DOM元素

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

例如,我們可以這樣寫:

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

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

使用%來進行模塊運算

% 運算符用于將一個數字的余數除以另一個。

但我們也可以用它來得到一個數字mod另一個數字。

例如,我們可以這樣寫:

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

我們首先得到 m 除以 n 的余數。

然后我們再加上 n ,使之成為正數。

最后,我們得到該值除以 n 的余數 。

并列N個數組的最有效方法

我們可以使用 push 方法連接一個或多個數組。

為此,我們可以編寫:

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

然后,來自 a 和 b 的所有項目將附加到 arr。

我們還可以將 concat 與多個數組一起使用。

例如,我們可以這樣寫:

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

我們調用 concat,這樣我們就把每個數組的條目放在 arr 的條目之后的新數組中。

然后返回該數組。

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

根據屬性值在DOM中查找元素

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

例如,我們可以這樣寫:

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

我們通過使用 querySelector 獲得文件輸入。

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

type 是屬性,file 是值。

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

 

責任編輯:華軒 來源: 今日頭條
相關推薦

2010-02-02 10:46:51

C++獲取文件大小

2010-10-29 15:26:29

Oracle日志文件

2011-04-02 16:38:49

Cactirrd

2010-07-12 13:57:55

SQL Server

2011-03-31 15:23:39

Cactirrd

2010-05-27 16:58:11

Linux查看文件大小

2009-12-11 10:34:15

Linux獲取文件大小

2019-07-31 08:55:01

LinuxUbuntu技術

2009-11-24 14:32:03

PHP限制上傳文件大小

2009-11-16 13:46:28

PHP上傳文件大小限制

2009-11-16 09:45:51

PHP上傳文件大小

2009-06-26 10:05:10

獲取文件大小

2023-11-23 08:22:36

MySQL統計信息

2020-12-17 07:52:38

JavaScript

2010-06-18 13:25:01

SQL Server查

2010-06-28 09:43:05

SQL Server數

2020-06-10 08:37:21

JavaScript重構技巧

2024-09-14 11:23:19

2020-09-29 08:14:46

JavaScript開發代碼

2021-08-26 05:04:53

JavaScript調試技巧
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 91视频进入 | 欧美电影一区 | 一区二区三区四区在线视频 | 免费在线看黄 | 男女激情网站免费 | 成人av网页 | 亚洲交性| 久操亚洲| 精品国产一区二区三区久久 | 欧美性猛交一区二区三区精品 | av一二三区| 欧美成人一区二免费视频软件 | 日日摸天天添天天添破 | 国产高清在线观看 | 欧美日在线 | 久久精品中文 | 国产区在线看 | 日韩一级电影免费观看 | 一区二区三区视频在线观看 | 国产在线观看一区二区三区 | 精品一区久久 | 欧美国产一区二区三区 | 欧美成人在线网站 | 91人人视频在线观看 | 精品一区二区久久久久久久网站 | 神马久久久久久久久久 | 欧美日韩一区二区在线播放 | 国产精品18hdxxxⅹ在线 | 一区二区三区四区在线播放 | 亚洲网址 | 国产一区二区三区在线 | 亚洲精品一区二区三区在线观看 | 日韩av一区二区在线观看 | 中文字幕伊人 | 成人性视频免费网站 | 午夜精品一区二区三区在线视 | 看片91 | 国产精品国产成人国产三级 | 色婷婷精品久久二区二区蜜臂av | 国产精品久久久乱弄 | 男人天堂手机在线视频 |