1. 程式人生 > >web前端面試知識點總結(1)

web前端面試知識點總結(1)

(1)button是行內元素還是塊級元素?

答:它是可變元素,既不屬於行內元素,也不屬於塊級元素。可變元素:根據上下文語境決定該元素為塊級還是內聯(可變元素如:button、iframe、map等)。

(2)行內元素有哪些?塊級元素有哪些?css盒子模型是什麼? 答:塊級元素:div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table。 行內元素:span, strong, em, br, img , input, label, select, textarea, cite。 盒子模型:其本質就是一個盒子,外面包圍著HTML元素,它包括:邊距,邊框,填充,內容等,允許我們在元素之間放置其他元素。

(3)一個完整的HTTP事物是一個怎樣的過程? 答: 1. 域名解析 2. 發起TCP的3次握手 3. 建立TCP連線後發起http請求 4. 伺服器端響應http請求,瀏覽器得到html程式碼 5. 瀏覽器解析html程式碼,並請求html程式碼中的資源 6. 瀏覽器對頁面進行渲染呈現給使用者 (4)常見的瀏覽器核心都是那些? 答:IE:trident核心 Firefox:gecko核心 Safari:webkit核心 Opera:以前是presto核心,Opera現已改用Google Chrome的Blink核心 Chrome:Blink(基於webkit,Google與Opera Software共同開發)

(5)link和@import有什麼區別: 答: 相同點:兩者都是外部引用CSS的方式。 不同點: 1:link是XHTML標籤,除了載入CSS外,還可以定義RSS等其他事務;@import屬於CSS範疇,只能載入CSS。 2:link引用CSS時,在頁面載入時同時載入;@import需要頁面網頁完全載入以後載入。 3:link是XHTML標籤,無相容問題;@import是在CSS2.1提出的,低版本的瀏覽器不支援。 4:ink支援使用Javascript控制DOM去改變樣式;而@import不支援。

(6)DOM和@BOM有什麼區別: 答:DOM文件物件型別,用來獲取或設定文件中標籤的屬性,例如獲取或者設定input表單的value值。BOM瀏覽器物件模型,用來獲取或設定瀏覽器的屬性、行為,例如:新建視窗、獲取螢幕解析度、瀏覽器版本號等。 BOM的內容不多,主要還是DOM。 由於DOM的操作物件是文件(Document),所以dom和瀏覽器沒有直接關係。

(7)請寫出jQuery繫結事件的方法: 答:jQuery中提供了四種事件監聽方法,分別是bind、live、delegate、on,對應的解除監聽的函式分別是unbind、die、undelegate、off。 --------------------- 本文來自 社會你傑哥 的CSDN 部落格 ,全文地址請點選:https://blog.csdn.net/lllllllllaaa/article/details/78580100?utm_source=copy