初級前端面試題-持續更新

HTML基礎部分

1.1. 請描述一個網頁從開始請求到最終顯示的完整過程?

輸入網址--發送DNS擷取IP--建立TCP連接配接--發送HTTP請求--傳回指定的URL--解析代碼
           

1.2. 簡要描述常見的浏覽器核心。

Trident:IE浏覽器;
Gecko:Mozilla 浏覽器,比如 Firefox;
Webkit:Safari浏覽器,也是Chrome浏覽器的核心原型; 
Blink:Chrome浏覽器,Opera浏覽器。
           

1.3. 如何了解 html 标簽語義化?

用正确的标簽做正确的事
html 語義化可以讓頁面的内容結構化,便于浏覽器解析,便于搜尋引擎解析,并提高 代碼的可維護度和可重用性。
           

1.4. 列舉常用的結構标記,并描述其作用。

<header> 元素:用于定義文檔的頁眉;
<nav> 元素:用于定義頁面的導航連結部分;
<section> 元素:用于定義文檔中的節,表示文檔中的一個具體的組成部分;
<article> 元素:常用于定義獨立于文檔的其他部分的内容;
<footer> 元素:常用于定義某區域的腳注資訊;
<aside> 元素:常用于定義頁面的一些額外組成部分,如廣告欄、側邊欄和
相關引用資訊等。
           

1.5. 簡要描述行内元素和塊級元素的差別。

塊級元素的前後都會自動換行,如同存在換行符一樣。預設情況下,塊級元素會獨占一行
           

1.6. 表單向伺服器送出資料有幾種方式?這些方式有什麼差別?

語義不同//get 擷取  //post發送
使用 Get 方式向伺服器發送表單資料時,表單資料将附加在 URL 屬性的末端;
使用 POST 方法發送資料時,資料會放置在主體中發送。
           

CSS基礎部分

2.1.如何了解 CSS 樣式表的層疊性?

2.2. 哪些屬性可以繼承?

2.3.CSS 選擇器中,元素選擇器和類選擇器的差別是什麼?

2.4. 簡要描述 CSS 中的定位機制。

2.5.display 屬性 和 visibility 屬性的差別?

2.6. 簡述對 CSS 的盒子模型了解?

2.7.簡述 CSS3 中的僞類選擇器。

2.8. 為什麼建議設定背景圖像的同時還設定背景顔色?

2.9. 如何居中 div?如何居中一個浮動元素?

2.10. 内聯元素可以實作浮動嗎?

2.11. CSS Sprite 是什麼,談談這個技術的優缺點

2.12. 對 CSS3 有了解嗎?列舉幾個 CSS3 的新特性并簡要描述

2.13. 過渡與動畫的差別是什麼?

2.14. 什麼是 CSS reset?

2.15. 如何清除浮動元素所帶來的影響?

2.16. 談談你對浏覽器相容性問題的了解

JavaScript（重點）

H5基礎内容

AJAX（重點）

jQuery（架構）