第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

不建議使用：
? ? ? 1、ajax不支持瀏覽器back按鈕。
　　2、安全問題 AJAX暴露了與服務(wù)器交互的細(xì)節(jié)。
　　3、對(duì)搜索引擎的支持比較弱。
　　4、破壞了程序的異常機(jī)制。
　　5、不容易調(diào)試。

說道分批加載 ?就會(huì)提到dom渲染 作為小白的我立馬去百度了一下

瀏覽器是如何渲染頁(yè)面的呢 dom渲染是如何工作的呢

輸入的網(wǎng)址在通過DNS解析后得到服務(wù)器地址
瀏覽器向服務(wù)器發(fā)起http請(qǐng)求，經(jīng)過TCP/IP三次握手確認(rèn)鏈接后，服務(wù)器將需要的代碼發(fā)回給瀏覽器。
瀏覽器接收到代碼后進(jìn)行解析，經(jīng)過三大步驟：
DOM構(gòu)造、布局以及繪制頁(yè)面，最終展現(xiàn)為人人都能看懂的網(wǎng)頁(yè)。

第一步，DOM構(gòu)造
瀏覽器首先將收到的html代碼，通過html解析器解析構(gòu)建為一顆DOM樹。DOM樹就像是一顆倒長(zhǎng)著的大樹，這樣的對(duì)象模型決定了節(jié)點(diǎn)之間都有一定的關(guān)聯(lián)，它們關(guān)系可能有父子、有兄弟，我們可以順著這顆樹做出許多操作。接著將接收到的css代碼，通過css解析器構(gòu)建出樣式表規(guī)則，將這些規(guī)則分別放到對(duì)應(yīng)的DOM樹節(jié)點(diǎn)上，得到一顆帶有樣式屬性的DOM樹。

第二步，布局

瀏覽器按從上到下，從左到右的順序，讀取DOM樹的文檔節(jié)點(diǎn)，順序存放到一條虛擬的傳送帶上。
傳送帶上的盒子就是節(jié)點(diǎn)，而這條流動(dòng)的傳送帶就是文檔流。
如果我們讀取到的節(jié)點(diǎn)是屬于另一個(gè)節(jié)點(diǎn)下的子節(jié)點(diǎn)，那么在放入傳送帶的時(shí)候，就應(yīng)該按順序放到該節(jié)點(diǎn)盒子的內(nèi)部。
如果子節(jié)點(diǎn)下還有子節(jié)點(diǎn)，在傳送帶上的時(shí)候就繼續(xù)套到子一級(jí)的盒子內(nèi)部。
根據(jù)它在DOM樹上的結(jié)構(gòu)，可以嵌套的層級(jí)沒有限制的哦。
文檔流排完之后，開始獲取計(jì)算節(jié)點(diǎn)的坐標(biāo)和大小等CSS屬性，作為盒子的包裝說明。
然后把盒子在倉(cāng)庫(kù)里一一擺放，這就將節(jié)點(diǎn)布局到了頁(yè)面。

第三步，繪制頁(yè)面

布局完成之后，我們?cè)陧?yè)面上其實(shí)是看不到任何內(nèi)容的
瀏覽器只是計(jì)算出了每一個(gè)節(jié)點(diǎn)對(duì)象應(yīng)該被放到頁(yè)面的哪個(gè)位置上，但并沒有可視化。
因此最后一步就是將所有內(nèi)容繪制出來，完成整個(gè)頁(yè)面的渲染。
body下的子元素有三個(gè)nav，aside和div

注：

如果遇到圖片只需要把它當(dāng)做設(shè)置了寬高的普通行內(nèi)元素處理。
當(dāng)然你也可以設(shè)置它的屬性為塊級(jí)元素，改變圖文混排時(shí)布局的效果。

請(qǐng)求資源版本

HTTP協(xié)議規(guī)格說明定義ETag為“被請(qǐng)求變量的實(shí)體值”，包含在頭文件中。另一種說法是，ETag是一個(gè)可以與Web資源關(guān)聯(lián)的記號(hào)（token）。典型的Web資源可以一個(gè)Web頁(yè)，但也可能是JSON或XML文檔。服務(wù)器單獨(dú)負(fù)責(zé)判斷記號(hào)是什么及其含義，并在HTTP響應(yīng)頭中將其傳送到客戶端，以下是服務(wù)器端返回的格式：ETag:"50b1c1d4f775c61:df3"客戶端的查詢更新格式是這樣的：If-None-Match : W / "50b1c1d4f775c61:df3"如果ETag沒改變，則返回狀態(tài)304然后不返回，這也和Last-Modified一樣。測(cè)試Etag主要在斷點(diǎn)下載時(shí)比較有用。

什么是減少重定向？簡(jiǎn)單來說就是減少中間商 ?減少用戶訪問頁(yè)面的跳轉(zhuǎn)。

狀態(tài)碼 ?301表示請(qǐng)求的頁(yè)面移動(dòng)稍后也會(huì)訪問? ?302 表示請(qǐng)求的網(wǎng)頁(yè)被找到了但不在原始位置

301重定向永久搜索引擎直接到b點(diǎn) ?

302無(wú)論如何都要從a點(diǎn) ?

CSS ?JavaScript文集體積減小 ?提升下載速度 具體方法就是代碼格式化

簡(jiǎn)寫參數(shù)名 ? 適用于正式上線項(xiàng)目 壓縮可以使線上版本是最輕的 。

yslow工具作用

GET和POST的區(qū)別

重定向：

301： 永久重定向

302： 臨時(shí)重定向

通過對(duì)資源的壓縮，減少其在HTTP傳輸過程中的編碼、解碼所需要的交互時(shí)間

Wxpire/Cache-Control 頭 的 作用：

通過由服務(wù)器響應(yīng)的同時(shí)攜帶一個(gè)expire過期時(shí)間值，當(dāng)本地時(shí)間未到達(dá)expire的設(shè)定值時(shí)，本地的請(qǐng)求會(huì)一直使用前一次所響應(yīng)后cache緩存在本地的資源，直到expire過期時(shí)間生效，本地緩存失效，才再次從服務(wù)器獲取新的響應(yīng)資源數(shù)據(jù)

沒有使用CDN，沒有進(jìn)行內(nèi)容分發(fā)的服務(wù)請(qǐng)求流程圖