面試題總結

2021-10-22 14:14:42 字數 3514 閱讀 7720

行內元素有:span a b i img input select strong

塊級元素有:div p h1-h6 ul table form ul ol li dl dt dd…

1.塊級元素會獨佔一行,其寬度自動填滿其父元素寬度

行內元素不會獨佔一行,相鄰的行內元素會排列到同一行裡,直到一行排不下,才會換行,其寬度隨元素的內容變化而變化,

2.一般情況下,塊級元素可以設定width,height屬性,行內元素設定width,height無效

(注意,塊級元素設定了width寬度屬性後仍然是獨佔一行的)

3.塊級元素可以設定margin,padding屬性,行內元素的水平方向的padding-left和padding-right都會產生邊距效果,但是豎直方向上的padding-top和padding-bottom都不會產生邊距效果。

1、靜態定位(static)

一般的標籤元素不加任何定位屬性都屬於靜態定位,在頁面的最底層屬於標準流。

2、絕對定位(absolute)

絕對定位的元素從文件流中拖出,使用left、right、top、bottom等屬性相對於其最接近的乙個最有定位設定的父級元素進行絕對定位,如果元素的父級沒有設定定位屬性,則依據 body 元素左上角作為參考進行定位。絕對定位元素可層疊,層疊順序可通過 z-index 屬性控制,z-index值為無單位的整數,大的在上面,可以有負值。

絕對定位的定位方法:如果它的父元素設定了除static之外的定位,比如position:relative或position:absolute及position:fixed,那麼它就會相對於它的父元素來定位,位置通過left , top ,right ,bottom屬性來規定,如果它的父元素沒有設定定位,那麼就得看它父元素的父元素是否有設定定位,如果還是沒有就繼續向更高層的祖先元素類推,總之它的定位就是相對於設定了除static定位之外的定位的第乙個祖先元素,如果所有的祖先元素都沒有以上三種定位中的其中一種定位,那麼它就會相對於文件body來定位(並非相對於瀏覽器視窗,相對於視窗定位的是fixed)。

3、相對定位(relative)

相對定位元素不可層疊,依據left、right、top、bottom等屬性在正常文件流中偏移自身位置。同樣可以用z-index分層設計。

4、固定定位(fixed)

固定定位與絕對定位類似,但它是相對於瀏覽器視窗定位,並且不會隨著滾動條進行滾動。

固定定位的最常見的一種用途是在頁面中建立乙個固定頭部、固定腳部或者固定側邊欄,不需使用margin、border、padding。

原創:

一、1開頭狀態碼

1xx(臨時響應)表示臨時響應並需要請求者繼續執行操作的狀態**。

** 說明

100 (繼續) 請求者應當繼續提出請求。 伺服器返回此**表示已收到請求的第一部分,正在等待其餘部分。

101 (切換協議) 請求者已要求伺服器切換協議,伺服器已確認並準備切換。

二、2開頭狀態碼

2xx (成功)表示成功處理了請求的狀態**。

** 說明

200 (成功) 伺服器已成功處理了請求。 通常,這表示伺服器提供了請求的網頁。

201 (已建立) 請求成功並且伺服器建立了新的資源。

202 (已接受) 伺服器已接受請求,但尚未處理。

203 (非授權資訊) 伺服器已成功處理了請求,但返回的資訊可能來自另一**。

204 (無內容) 伺服器成功處理了請求,但沒有返回任何內容。

205 (重置內容) 伺服器成功處理了請求,但沒有返回任何內容。

206 (部分內容) 伺服器成功處理了部分 get 請求。

三、3開頭狀態碼

3xx (重定向) 表示要完成請求,需要進一步操作。 通常,這些狀態**用來重定向。

** 說明

300 (多種選擇) 針對請求,伺服器可執行多種操作。 伺服器可根據請求者 (user agent) 選擇一項操作,或提供操作列表供請求者選擇。

301 (永久移動) 請求的網頁已永久移動到新位置。 伺服器返回此響應(對 get 或 head 請求的響應)時,會自動將請求者轉到新位置。

302 (臨時移動) 伺服器目前從不同位置的網頁響應請求,但請求者應繼續使用原有位置來進行以後的請求。

303 (檢視其他位置) 請求者應當對不同的位置使用單獨的 get 請求來檢索響應時,伺服器返回此**。

304 (未修改) 自從上次請求後,請求的網頁未修改過。 伺服器返回此響應時,不會返回網頁內容。

305 (使用**) 請求者只能使用**訪問請求的網頁。 如果伺服器返回此響應,還表示請求者應使用**。

307 (臨時重定向) 伺服器目前從不同位置的網頁響應請求,但請求者應繼續使用原有位置來進行以後的請求。

四、4開頭狀態碼

4xx(請求錯誤) 這些狀態**表示請求可能出錯,妨礙了伺服器的處理。

** 說明

400 (錯誤請求) 伺服器不理解請求的語法。

401 (未授權) 請求要求身份驗證。 對於需要登入的網頁,伺服器可能返回此響應。

403 (禁止) 伺服器拒絕請求。

404 (未找到) 伺服器找不到請求的網頁。

405 (方法禁用) 禁用請求中指定的方法。

406 (不接受) 無法使用請求的內容特性響應請求的網頁。

407 (需要**授權) 此狀態**與 401(未授權)類似,但指定請求者應當授權使用**。

408 (請求超時) 伺服器等候請求時發生超時。

409 (衝突) 伺服器在完成請求時發生衝突。 伺服器必須在響應中包含有關衝突的資訊。

410 (已刪除) 如果請求的資源已永久刪除,伺服器就會返回此響應。

411 (需要有效長度) 伺服器不接受不含有效內容長度標頭字段的請求。

412 (未滿足前提條件) 伺服器未滿足請求者在請求中設定的其中乙個前提條件。

413 (請求實體過大) 伺服器無法處理請求,因為請求實體過大,超出伺服器的處理能力。

414 (請求的 uri 過長) 請求的 uri(通常為**)過長,伺服器無法處理。

415 (不支援的**型別) 請求的格式不受請求頁面的支援。

416 (請求範圍不符合要求) 如果頁面無法提供請求的範圍,則伺服器會返回此狀態**。

417 (未滿足期望值) 伺服器未滿足"期望"請求標頭字段的要求。

五、5開頭狀態碼

5xx(伺服器錯誤)這些狀態**表示伺服器在嘗試處理請求時發生內部錯誤。 這些錯誤可能是伺服器本身的錯誤,而不是請求出錯。

** 說明

500 (伺服器內部錯誤) 伺服器遇到錯誤,無法完成請求。

501 (尚未實施) 伺服器不具備完成請求的功能。 例如,伺服器無法識別請求方法時可能會返回此**。

502 (錯誤閘道器) 伺服器作為閘道器或**,從上游伺服器收到無效響應。

503 (服務不可用) 伺服器目前無法使用(由於超載或停機維護)。 通常,這只是暫時狀態。

504 (閘道器超時) 伺服器作為閘道器或**,但是沒有及時從上游伺服器收到請求。

505 (http 版本不受支援) 伺服器不支援請求中所用的 http 協議版本。

原文連線:ajax工作原理和實現步驟

原文:原文2:

面試題總結 html面試題)

附上鏈結 doctype 的作用是什麼?宣告一般位於文件的第一行,它的作用主要是告訴瀏覽器以什麼樣的模式來解析文件。一般指定了之後會以標準模式來 進行文件解析,否則就以相容模式進行解析。在標準模式下,瀏覽器的解析規則都是按照最新的標準進行解析的。而在相容模式下,瀏 覽器會以向後相容的方式來模擬老式瀏...

面試題總結

網路部分 子網劃分 演算法部分 穩定排序 泡沫排序 bubble sort o n 插入排序 insertion sort o n 桶排序 bucket sort o n 需要 o k 額外空間 計數排序 counting sort o n k 需要 o n k 額外空間 合併排序 merge so...

面試題總結

1 關於商品秒殺的問題,如何保證100件商品,只能使前100個使用者搶到呢?思路1 我們可以使用redis快取的list儲存型別,當有乙個使用者請求到來時,將該使用者的id存放在list中,這樣當list中的llen長度達到100時就不在新增新的使用者id,然後在從list中取出對應的id運算元據庫...