前端面試題小結

前面我們跟大家分享了幾十個css面試題目，本文接著和大家分享前端面試題小結，希望能幫助大家。

HTML

1.html5新增了哪些內容或api，使用過哪些？

• HTML5新增input輸入類型：

• email類型

• url類型

• #number類型提供選擇數字的功能，其中min屬性設定最小值，max屬性設定最大值，value屬性設定目前值，step屬性設定每次成長值。

• range類型，表示限制數字輸入的範圍域

• 日期和時間類型:date,month,week,time,datetime,datetime-local

• search類型

##tel類型
color類型

HTML5新增表單元素

datalist 規定輸入域的選項清單

---

keygen提供一種可靠方法來驗證使用者
output用於不同類型的輸出

---

# #還有更多細節內容不列在這裡啦。請看這篇部落格

2.input和textarea的差別?
是單行文字方塊。 是多行文字方塊。 <li><p><span style="font-size: 14px;"></span></p></li>

3.用一個p模擬textarea的實作？

---

首先我們需要知道p是高度自適應的，高度會隨著內容的增加而增加。而textarea有著固定的大小，高度超過規定高度就會出現滾動條。
p有一個屬性叫做contenteditable，設定contenteditable屬性為true就可以實現，p內容可編輯。
實現了內容可編輯以後，在css中設定好規定的高度，設定overflow－y屬性為auto,即可實現捲軸。

---

4.行動裝置忽略將頁面中的數字辨識為電話號碼的方法?

• 行動裝置中經常會出現將一串數字識別為電話的情況，數字的顏色和樣式都會變化，點擊可以直接撥打。

• 新增以下程式碼可以關閉識別。

<span style="font-size: 14px;">   <meta name="format-detection" content="telephone=no">  <br></span>

CSS

#1.左右佈局：左邊定寬、右邊自適應，不少於3種方法

---

方法一：左邊模組設定左浮動，右邊模組寬度設定100%
方法二：父容器設定display：flex；right部分設定flex：1。 display：flex設定為彈性盒子，其子元素可以設定flex的數值來控制其所佔空間的比例。

• 方法三：使用負margin。設定左部分和右部分左浮動，並為right部分設定寬度100%。設定左部分左外邊距為負100%。為了避免右部分的內容被覆蓋，再為右部分設定添加左邊距（左部分的寬度）。

• 2.CSS3有哪些新特性?

• CSS3的選擇器
E:last-child / E :nth-child(n) / E : nth-last-child(n) 倒數第n個元素

---

###@Font-face特性用來載入字體樣式，可以載入伺服器端的字體，顯示到客戶端，即使客戶端並沒有安裝此字型################## 圓角:border-radius################# 彈性盒子模式display： flex。 等等屬性#####################3.BFC與IFC######

相關推薦：

最新的百度前端面試題分享

Web前端面試題第八道—絕對定位與相對定位

分享一些前端面試題實例

以上是前端面試題小結的詳細內容。更多資訊請關注PHP中文網其他相關文章！