前沿拓展：
ie 11
1、你需要看一下這些Zip壓縮文件是不是屬于
哪一個應(yīng)用程序。如果是在安裝目錄下的，最好謹(jǐn)慎對待。
2、可以雙擊看一下內(nèi)容，是你需要的就留下，不需要的就刪除。
3、即使不小心刪除了某一個Zip文件，因?yàn)镈盤為非系統(tǒng)文件，系統(tǒng)不會因此而崩潰，但有可能導(dǎo)致某一應(yīng)用程序因缺少文件而無法打開。
4、如果你一定要將其刪除，請先放入回收站，因?yàn)槿f一出了問題，還可以將其恢復(fù)。
大家好，今天我們來花 1 分鐘來學(xué)習(xí) DOM 相關(guān)的基礎(chǔ)**作的第三部分，內(nèi)容雖然簡單，但是還是有必要?dú)w納小編綜合來說的，希望這些整理對大家有所幫助。
1、檢測元素是否聚焦
假設(shè) ele 表示您要檢查它當(dāng)前是否具有焦點(diǎn)的元素：
const hasFocus = ele === document.activeElement;2、檢測 Internet Explorer 瀏覽器const isIe = function () {
const ua = window.navigator.userAgent;
return ua.indexOf('MSIE') > -1 || ua.indexOf('Trident') > -1;};
我們也可以依賴 document.documentMode。該屬性表示文檔的文檔兼容模式，在 IE 5-11 中為整數(shù)。其他瀏覽器返回未定義。
const isIE = !!document.documentMode;3、檢測 mac OS 瀏覽器
檢查當(dāng)前瀏覽器是否在 Mac 上運(yùn)行：
const i**acBrowser = /Mac|iPod|iPhone|iPad/.test(navigator.platform);4、檢測移動瀏覽器
以下是檢查用戶是否從移動瀏覽器瀏覽的幾種方法。
檢查瀏覽器是否支持pointer:coarse媒體查詢
const i**obile = function () {
const match = window.matchMedia('(pointer:coarse)');
return match && match.matches;};
我們不能依賴屏幕尺寸，因?yàn)橐苿釉O(shè)備越來越大。
5、檢測暗黑模式
macOS、Windows 10 等現(xiàn)代**作系統(tǒng)允許用戶選擇他們希望在所有應(yīng)用程序中設(shè)置暗黑和明亮模式。
以下屏幕截圖取自 macOS 的常規(guī)設(shè)置的窗格：
可以通過查看 prefers-color-scheme 媒體查詢來檢測該選項(xiàng)。
它可以是以下值之一：
light：用戶希望在 light 模式下查看頁面dark：用戶希望在暗黑模式下查看頁面no-preference：系統(tǒng)不知道用戶的偏好
通過檢查這個媒體查詢值，我們可以確定用戶設(shè)置的系統(tǒng)模式：
const isDarkMode = window.matchMedia &&
window.matchMedia('(prefers-color-scheme: dark)').matches;6、確定元素的高度和寬度
假設(shè) ele 表示要計(jì)算大小的元素的 DOM。
// 獲取 styles
const styles = window.getComputedStyle(ele);
// 不包含 padding and border
const height = ele.clientHeight – parseFloat(styles.paddingTop) – parseFloat(styles.paddingBottom);
const width = ele.clientWidth – parseFloat(styles.paddingLeft) – parseFloat(styles.paddingRight);
// 只包含 padding
const clientHeight = ele.clientHeight;
const clientWidth = ele.clientWidth;
// 包含 padding and border
const offsetHeight = ele.offsetHeight;
const offsetWidth = ele.offsetWidth;
// 包含 padding, border and margin
const heightWithMargin = ele.offsetHeight + parseFloat(styles.marginTop) + parseFloat(styles.marginBottom);
const widthWithMargin = ele.offsetWidth + parseFloat(styles.marginLeft) + parseFloat(styles.marginRight);小編綜合來說
由于時間原因，今天分享的 DOM 基礎(chǔ)**作專題就分享到這里，感謝你的閱讀，如果你喜歡我的分享，別忘了點(diǎn)贊轉(zhuǎn)發(fā)，讓更多的人看到，最后別忘記點(diǎn)個關(guān)注，你的支持將是我分享最大的動力，后續(xù)我會持續(xù)輸出更多內(nèi)容，敬請期待。
來源：https://github.com/1milligram/html-dom
推薦閱讀
1 分鐘學(xué) 6 個常見的 DOM 基礎(chǔ)**作（一）
1 分鐘學(xué) 6 個常見的 DOM 基礎(chǔ)**作（二）
拓展知識：
原創(chuàng)文章，作者：九賢生活小編，如若轉(zhuǎn)載，請注明出處：http://m.xiesong.cn/27301.html
相關(guān)推薦
-
kurt(kurt geiger)
前沿拓展： kurt 使用峰函數(shù):KURT 和偏度SKEW司言移史翻充直接計(jì)算。 偏度： 偏度（skewness）也稱為偏態(tài)、偏態(tài)系數(shù)，是統(tǒng)計(jì)數(shù)據(jù)分布偏斜方向和程度的度量，是統(tǒng)計(jì)數(shù)…
-
三千左右的機(jī)箱怎么樣，推薦幾款三千左右的優(yōu)質(zhì)機(jī)箱
在選擇機(jī)箱時，價格常常是我們首要考慮的因素之一。那么，三千左右的機(jī)箱要如何選擇呢？下面為大家推薦幾款性價比高、質(zhì)量優(yōu)良的機(jī)箱。 喬思伯T900Plus 喬思伯T900Plus是一款…
-
normdist(normdist函數(shù))
前沿拓展： normdist NORMDIST(x,mean,standard_dev,cumulative) X 為需要計(jì)算其分布的數(shù)值。 Mean 分布的算術(shù)平均值。 Stan…
-
聯(lián)想小新系列屬于什么檔次(聯(lián)想小新屬于什么系列的電腦)
聯(lián)想小新系列屬于什么檔次(聯(lián)想小新屬于什么系列的電腦) 其實(shí)聯(lián)想小新系列屬于什么檔次(聯(lián)想小新屬于什么系列的電腦)的問題并不復(fù)雜，但是又很多的朋友都不太了解聯(lián)想小新系列屬于什么檔次…
-
聯(lián)想l430是哪一年的：聯(lián)想l430筆記本
1、你非得說我年紀(jì)大，本文到此結(jié)束，是12年前的老電腦了。 2、拿他價格高。賣也就值幾十元。這位客戶還價太狠了，今天我就碰到了一臺老電腦，聯(lián)想在美國又鬧出了一樁“打折門”。 3、聯(lián)…
-
3060ti為什么是智商檢測卡
3060ti為什么是智商檢測卡 老鐵們好啊，今天小編給大家分享下我們在使用電腦過程中會遇到的一些問題故障該如何處理，熱門電腦游戲需求配置，電腦使用的一些小技巧 amd750配什么顯…
-
nv定制機(jī)箱(機(jī)箱怎么定制)
什么是NV定制機(jī)箱 NV定制機(jī)箱是由NV公司開發(fā)的一款特殊的機(jī)箱，其特點(diǎn)在于其亮麗的外形和高配的硬件配置。該機(jī)箱可以用于個人電腦、游戲臺和工作站等，獲得了很多消費(fèi)者的信賴和好評。 …
-
win10 取消鬧鐘
前沿拓展： 現(xiàn)在距離Windows 10發(fā)布還有數(shù)月之遙，但這并沒有影響微軟部署相關(guān)工具，在Windows 10發(fā)布后提醒用戶升級。 最近，一款名為KB3035583的“建議”(r…
-
**整機(jī)怎么樣，**整機(jī)選擇的要點(diǎn)
**整機(jī)是現(xiàn)在越來越普及的一種購物方式，不僅價格比實(shí)體店更具競爭力，而且許多品牌和型號供應(yīng)更加豐富。但是，選擇正確的整機(jī)并不容易，下面幾點(diǎn)是選擇整機(jī)時需要注意的要點(diǎn)。 適用于你的需…
-
高端游戲機(jī)箱(高端電腦機(jī)箱)
1. 高端游戲機(jī)箱的優(yōu)勢 高端游戲機(jī)箱是一種專門為電腦游戲開發(fā)的電腦框箱。與傳統(tǒng)的電腦游戲機(jī)箱相比，高端游戲機(jī)箱表現(xiàn)出更高的性能和更高的質(zhì)量。一些高端游戲機(jī)箱可以容納大量的硬件，包…