資訊專(zhuān)欄INFORMATION COLUMN
摘要：當(dāng)?shù)扔跁r(shí)，瀏覽器客戶(hù)區(qū)寬度是當(dāng)?shù)扔跁r(shí)，瀏覽器客戶(hù)區(qū)寬度是。瀏覽器客戶(hù)區(qū)高度滾動(dòng)條高度滾動(dòng)條的滾動(dòng)條的等等都是上面的情況。一個(gè)準(zhǔn)確獲取網(wǎng)頁(yè)客戶(hù)區(qū)的寬高滾動(dòng)條寬高滾動(dòng)條和的代碼以上代碼兼容目前流行的全部瀏覽器，包括
document.compatMode
返回值：BackCompat和CSS1Compat
官方解釋?zhuān)?/strong>
BackCompat：標(biāo)準(zhǔn)兼容模式關(guān)閉。 CSS1Compat：標(biāo)準(zhǔn)兼容模式開(kāi)啟。
當(dāng)document.compatMode等于BackCompat時(shí)，瀏覽器客戶(hù)區(qū)寬度是document.body.clientWidth；
當(dāng)document.compatMode等于CSS1Compat時(shí)，瀏覽器客戶(hù)區(qū)寬度是document.documentElement.clientWidth。
瀏覽器客戶(hù)區(qū)高度、滾動(dòng)條高度、滾動(dòng)條的Left、滾動(dòng)條的Top等等都是上面的情況。
一個(gè)準(zhǔn)確獲取網(wǎng)頁(yè)客戶(hù)區(qū)的寬高、滾動(dòng)條寬高、滾動(dòng)條Left和Top的代碼：
if (document.compatMode == "BackCompat") {
cWidth = document.body.clientWidth;
cHeight = document.body.clientHeight;
sWidth = document.body.scrollWidth;
sHeight = document.body.scrollHeight;
sLeft = document.body.scrollLeft;
sTop = document.body.scrollTop;
}
else { //document.compatMode == "CSS1Compat"
cWidth = document.documentElement.clientWidth;
cHeight = document.documentElement.clientHeight;
sWidth = document.documentElement.scrollWidth;
sHeight = document.documentElement.scrollHeight;
sLeft = document.documentElement.scrollLeft == 0 ? document.body.scrollLeft : document.documentElement.scrollLeft;
sTop = document.documentElement.scrollTop == 0 ? document.body.scrollTop : document.documentElement.scrollTop;
}
（以上代碼兼容目前流行的全部瀏覽器，包括：IE、Firefox、Safari、Opera、Chrome）
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/80330.html
摘要：載入前后在階段，實(shí)例的和都初始化了，但還是掛載之前為虛擬的節(jié)點(diǎn)，還未替換。類(lèi)似于，不同在于提交的是，而不是直接變更狀態(tài)可以包含任意異步操作。 vue基礎(chǔ) 1、 router 路由與 a 標(biāo)簽的區(qū)別：https://www.jianshu.com/p/34b...2、 VUE雙向綁定的原理： 答：VUE實(shí)現(xiàn)雙向數(shù)據(jù)綁定的原理就是利用了 Object.defineProperty() 這個(gè)...
摘要：載入前后在階段，實(shí)例的和都初始化了，但還是掛載之前為虛擬的節(jié)點(diǎn)，還未替換。類(lèi)似于，不同在于提交的是，而不是直接變更狀態(tài)可以包含任意異步操作。 vue基礎(chǔ) 1、 router 路由與 a 標(biāo)簽的區(qū)別：https://www.jianshu.com/p/34b...2、 VUE雙向綁定的原理： 答：VUE實(shí)現(xiàn)雙向數(shù)據(jù)綁定的原理就是利用了 Object.defineProperty() 這個(gè)...
摘要：我們可以為元素添加屬性然后在回調(diào)函數(shù)中接受該元素在樹(shù)中的句柄，該值會(huì)作為回調(diào)函數(shù)的第一個(gè)參數(shù)返回。使用最常見(jiàn)的用法就是傳入一個(gè)對(duì)象。單向數(shù)據(jù)流，比較有序，有便于管理，它隨著視圖庫(kù)的開(kāi)發(fā)而被概念化。 面試中問(wèn)框架，經(jīng)常會(huì)問(wèn)到一些原理性的東西，明明一直在用，也知道怎么用， 但面試時(shí)卻答不上來(lái)，也是挺尷尬的，就干脆把react相關(guān)的問(wèn)題查了下資料，再按自己的理解整理了下這些答案。 reac...
摘要：簡(jiǎn)介項(xiàng)目命名為就是一個(gè)服務(wù)器單純開(kāi)發(fā)一個(gè)服務(wù)器的想法，變成構(gòu)建網(wǎng)絡(luò)應(yīng)用的一個(gè)基本框架發(fā)展為一個(gè)強(qiáng)制不共享任何資源的單線(xiàn)程，單進(jìn)程系統(tǒng)。單線(xiàn)程弱點(diǎn)無(wú)法利用多核錯(cuò)誤會(huì)引起整個(gè)應(yīng)用退出，應(yīng)用的健壯性大量計(jì)算占用導(dǎo)致無(wú)法繼續(xù)調(diào)用異步。 NodeJs簡(jiǎn)介 Ryan Dahl項(xiàng)目命名為：web.js 就是一個(gè)Web服務(wù)器.單純開(kāi)發(fā)一個(gè)Web服務(wù)器的想法，變成構(gòu)建網(wǎng)絡(luò)應(yīng)用的一個(gè)基本框架.Node發(fā)展...
摘要：圖在中應(yīng)用三數(shù)據(jù)渲染過(guò)程數(shù)據(jù)綁定實(shí)現(xiàn)邏輯本節(jié)正式分析從到數(shù)據(jù)渲染到頁(yè)面的過(guò)程，在中定義了一個(gè)的構(gòu)造函數(shù)。一、概述 vue已是目前國(guó)內(nèi)前端web端三分天下之一，也是工作中主要技術(shù)棧之一。在日常使用中知其然也好奇著所以然，因此嘗試閱讀vue源碼并進(jìn)行總結(jié)。本文旨在梳理初始化頁(yè)面時(shí)data中的數(shù)據(jù)是如何渲染到頁(yè)面上的。本文將帶著這個(gè)疑問(wèn)一點(diǎn)點(diǎn)追究vue的思路?？傮w來(lái)說(shuō)vue模版渲染大致流程如圖1所...
閱讀 2616·2021-10-12 10:12
閱讀 1785·2019-08-30 15:52
閱讀 2510·2019-08-30 13:04
閱讀 1791·2019-08-29 18:33
閱讀 1027·2019-08-29 16:28
閱讀 508·2019-08-29 12:33
閱讀 2103·2019-08-26 13:33
閱讀 2419·2019-08-26 11:36
