web前端開發面試題(未完待續)

2022-08-21 13:27:08 字數 876 閱讀 9892

一、html與xhtml的不同:1)xhtml元素必須被正確地巢狀

2)元素必須被關閉   如:

關閉3)標籤名必須用小寫字母

4)xhtml文件必須有根元素

二、盒子模型:css框模型(box model)規定了元素框處理元素內容、內邊距、邊框、和外邊距的方式,俗稱盒子模型。

三、多列布局分為:聖杯布局和雙飛翼布局

雙飛翼布局(常用)和聖杯布局的相同點和不同點:

相同點:1)中間欄放最前面(最先載入)

2)每一部分都要浮動(float)

3)左邊:margin-left:-100%

右邊:margin-left:負的右邊欄的定寬   如右邊欄寬度為200px,則margin-left值為-200px

不同點:解決中間欄不被遮擋的思路不一樣

1.聖杯布局是通過padding的方式讓出空間,再通過相對定位position:relative;將其推到兩邊。

2.雙飛翼布局是通過建立乙個子的div方式,在中間欄設定margin-left 和 margin-right 留出位置。

附:    1、聖杯布局:多列布局的變種,邊欄定寬,主體在一定範圍內可自適應,並且優先載入

實現思路:1)設定主容器div的padding(根據邊字段置設定left、right)和overflow(hidden)。

2)在主容器中先新增主體,再新增邊欄。

3)設定主體width為100%(可適應瀏覽器視窗大小變化),

float 為left(為邊欄定位做準備)。

4)設定邊欄,position採用relative ,左邊欄需設定margin-left為-100%使其移動到主體前面

以及left屬性;右邊欄設定margin-left為負的右邊欄定寬以及right屬性。

js面試題總結 未完待續。。。

let str asss23sjdssskssa7lsssdkjsssdss const arr str.split 把字串轉換為陣列 const str2 arr.sort join 首先進行排序,這樣結果會把相同的字元放在一起,然後再轉換為字串 let value let index 0 con...

前端開發面試題

基礎題 1.談一談你對bootstrap的柵格布局的理解。2.談一談你對mvvm的理解。3.es6的展開運算子有使用過嗎?有什麼用處?4.let和var const的區別是什麼?5.最近有了解前端的發展嗎?有沒有學習什麼最新的前端技術?6.sessionstorage localstorage和co...

前端面試題 2023年web前端開發面試題

本文章作為2021屆應屆畢業生在實習面試期間所接受的前端面試的面試題。css盒子模型的要素,css中常用偽元素選擇符 position屬性四個值 static fixed absolute和relative的區別和用法 解釋css樣式中display中inline block inline bloc...