面試官常問的 web前端 問題 1-10
1. 標籤上 alt與 title屬性的區別是什麼？
alt ：搜索引擎識別，在圖像無法顯示時的替代文本；
title ：元素註釋信息，主要給用戶解讀。當鼠標放到文字或是圖片上時有 title 文字顯示。
（因爲 IE 不標準）在 IE 瀏覽器中 alt 起到了 title 的作用，變成文字提示。
在定義 img 對象時，將 alt 和 title 屬性寫全，可以保證在各種瀏覽器中都能正常使用。
2. DIV+CSS 佈局較 table 有什麼優勢？
DIV+CSS 佈局：速率快，頁面體積小，瀏覽速度快；便於被搜索引擎收錄；樣式豐富，頁面更靈活；便於修改，效率高；
1、速率更快，頁面體積變小，瀏覽速度變快，這就使得對於某些控制主機流量的網站來說是最大的優勢了；
2、更好地被搜索引擎收錄，大部分 html 頁面的樣式寫入了 CSS 文件中，便於被搜索引擎採集收錄；
3、對瀏覽者和瀏覽器更具優勢，由於 CSS 富含豐富的樣式，使頁面更加靈活性，它可以根據不同的瀏覽器，而達到顯示效果的統 一和不變形；
4、修改更有效率，由於使用了 DIV+CSS 製作方法，在修改頁面的時候更加容易省時，提高工作效率；
（table在企業中極少用！！！）
3. 介紹一下標準的 CSS 的盒子模型？與低版本 IE 的盒子模型有什麼不同的？
有兩種， IE 盒子模型、W3C 盒子模型；
CSS盒模型常用的屬性： 內容(content)、填充(padding)、邊界(margin)、 邊框(border)；
區 別： IE 的 content 部分把 border 和 padding 計算了進去;
1.網頁設計中常用的屬性名：內容(content)、填充(padding)、邊框(border)、邊界(margin)， CSS盒子模式都具備這些屬性。
2.這些屬性我們可以用日常生活中的常見事物——盒子作一個比喻來理解，所以叫它盒子模式。
3.CSS盒子模型就是在網頁設計中經常用到的CSS技術所使用的一種思維模型。
想象一個盒子，它有：外邊距（margin）、邊框（border）、內邊距（padding）、內容（content）四個屬性；
讓我們俯視這個盒子，它有上下左右四條邊，所以每個屬性除了內容（content），都包括四個部分：上下左右；這四部分可同時設置，也可分別設置；內邊距可以理解爲盒子裏裝的東西和邊框的距離，而邊框有厚薄和顏色之分，內容就是盒子中間裝的東西，外邊距就是邊框外面自動留出的一段空白。
4. CSS 選擇符有哪些？
id選擇器、類選擇器、標籤選擇器、屬性選擇器、通配符選擇器、子選擇器
1.id 選擇器（ #myid）
2.類選擇器（.myclassname）
3.標籤選擇器（div,h1,p） ,用逗號分割，可多個
4.相鄰選擇器（h1+p） ，兄弟節點
5.子選擇器（ul>li） ，
6.後代選擇器（lia）
7.通配符選擇器（ * ）
8.屬性選擇器（a[rel=“external”]） ，jQuery常用
9.僞類選擇器（a:hover,li:nth-child）
5. JS 的數據類型有哪些？
數據類型主要包括兩部分：
基本數據類型：Undefined、Null、Boolean、Number 和 String
引用數據類型：Array 、Object
6. null，undefined 的區別?
null 表示一個對象被定義了，值爲“空值”；
undefined 表示不存在這個值。
7. 描述下 JSON 對象的兩個很重要的方法
JSON.parse() //JSON 字符串轉換爲 JSON 對象
JSON.stringify() //JSON 對象轉化爲字符串
8. eval 是做什麼的？
把對應的字符串解析成js代碼並運行（不建議使用，不安全，耗性能）；
把 json字符串 轉換成 json對象 時可用 eval，var obj = eval(’(’+str+’)’)
它的功能是把對應的字符串解析成 JS 代碼並運行；
應該避免使用 eval，不安全，非常耗性能（2 次，一次解析成 js 語句，一次執行）。
由 JSON 字符串轉換爲 JSON 對象的時候可以用 eval，var obj = eval(’(’+str+’)’);
9. 簡述下爲何通過 ajax 發送的請求會出現亂碼問題，如何解決？
編碼格式衝突，直接在傳輸中文數據前加 encodURL() 編碼
亂碼的問題就是編碼格式衝突，我們需要傳輸中文數據前面加一個 encodeURI()編碼，
例如：encodeURI($("#fk_info").val())；在接受參數的頁面對傳過來的編碼過後的內容用後端語言進行解碼
10.HTML5、CSS3 裏面都新增了那些新特性？
新的語義標籤
本地存儲
離線存儲 Websocket 2d，3d 變換 Transition,animation 媒體查詢新的單位（rem,vw，vh 等）