前端面試題彙總 HTML篇

2021-08-28 11:44:38 字數 1428 閱讀 8374

1.doctype(文件型別)的作用是什麼?

//doctype是docunment type(文件定義)的簡寫,用來說明web設計中所用的html或xhtml的型別,指出瀏覽器或者其他閱讀程式按照什麼樣的規則集去解釋文件中的標記.

2.瀏覽器標準模式 (standards mode) 、幾乎標準模式(almost standards mode)和怪異模式 (quirks mode) 之間的區別是什麼?

@產生的歷史原因是啥?

@怪異模式有哪些怪異的行為?

//標準模式:對瀏覽器的渲染有統一的標準 && 怪異模式:沒有統一的標準

@保證舊頁面的正常顯示,保持瀏覽器的相容性,瀏覽器上就產生了能夠相容嚴格模式和怪異模式的標準模式。

@區別是:

1.怪癖模式中 :width是元素的實際寬度;

2.給span等行內元素設定wdith和height會生效;

3.margin:0 auto會失效;

4.的padding會失效;

5.table中的字型屬性不能繼承上層的設定;

6.white-space:pre會失效;

3.使用 data- 屬性的好處是什麼?

//自定義屬性在dataset物件中統一管理,遍歷很方便,至於零零散散;

可以利用這一點在生成dom結構時把資料儲存在自定義屬性中,通過一系列互動操作,可以再獲得這些資料,而不再用ajax去後台取得資料。

5.cookies、sessionstorage 和localstorage 的區別

是會話級別儲存,頁面關閉時資料就會銷毀./儲存量一般有5-10m./數量無限制

2.localstorage是持久化的本地儲存,不刪除資料,資料是不會銷毀的./儲存量一般有5-10m./數量無限制

3.每次傳送http請求時會將cookie新增到cookie頭欄位,傳送給伺服器./儲存量不能超過4k./cookie的個數有限制

6.請解釋 、和 的區別。

//1.首先和都是非同步載入js檔案;

2.區別是:async在載入完之後自動執行;

defer:在所有元素解析完之後;

7.為什麼通常推薦將css放置在之間,而將js放置在之前?你知道有哪些例外嗎?

//作用:當頁面渲染完成再去執行< script>,防止頁面阻塞。

例外:希望dom還沒載入必須需要先載入的js會放置在中,有些加了defer、async的也會放在< head>中。

8.什麼是漸進式渲染 (progressive rendering)?

//服務端渲染區域性, 客戶端渲染區域性。

9.html 和 xhtml 有什麼區別?

//最主要的不同:

xhtml 元素必須被正確地巢狀。

xhtml 元素必須被關閉。

標籤名必須用小寫字母。

xhtml 文件必須擁有根元素。

10.html5新標籤

//

前端面試題彙總 CSS篇

1 css 中類 classes 和 id 的區別 對於css而言,id和class都是選擇器,唯一不同的地方在於權重不同。對於html而言,id和class都是dom元素的屬性值。不同的地方在於id屬性的值是唯一的,而class屬性值可以重複。id還乙個老特性是錨點功能,當瀏覽器位址列有乙個 頁面...

前端面試題 html

1.簡述你對html語義化的理解 2.label的作用及使用方法 label標籤用來定義表單控制間的關係,當使用者選擇該標籤時,瀏覽器會自動將焦點轉到和標籤相關的表單控制項上。兩種用法 id繫結 巢狀 name name 3.iframe框架的優缺點優點 缺點 4.html與xhtml二者的區別 5...

前端面試題目彙總

面試是個漫長的過程,從海投到收穫 面試,一面 二面 三面,乙個步驟出錯那麼後面就宣告終結。同時,面試過程中你也可能會遇到一些面試官的刁難,甚至部分面試官會說些比較打擊你的話,但是大部分面試官都是很棒的 前端面試題目彙總 必須有牢固的基礎知識,足夠豐富的專案經歷。一 基礎j ascript get請求...