1. 標(biāo)簽上 alt與 title屬性的區(qū)別是什么？

alt ：搜索引擎識別，在圖像無法顯示時的替代文本；
title ：元素注釋信息，主要給用戶解讀。當(dāng)鼠標(biāo)放到文字或是圖片上時有 title 文字顯示。

（因?yàn)?IE 不標(biāo)準(zhǔn)）在 IE 瀏覽器中 alt 起到了 title 的作用，變成文字提示。
在定義 img 對象時，將 alt 和 title 屬性寫全，可以保證在各種瀏覽器中都能正常使用。

2. DIV+CSS 布局較 table 有什么優(yōu)勢？

DIV+CSS 布局：速率快，頁面體積小，瀏覽速度快；便于被搜索引擎收錄；樣式豐富，頁面更靈活；便于修改，效率高；

1、速率更快，頁面體積變小，瀏覽速度變快，這就使得對于某些控制主機(jī)流量的網(wǎng)站來說是最大的優(yōu)勢了；
2、更好地被搜索引擎收錄，大部分 html 頁面的樣式寫入了 CSS 文件中，便于被搜索引擎采集收錄；
3、對瀏覽者和瀏覽器更具優(yōu)勢，由于 CSS 富含豐富的樣式，使頁面更加靈活性，它可以根據(jù)不同的瀏覽器，而達(dá)到顯示效果的統(tǒng) 一和不變形；
4、修改更有效率，由于使用了 DIV+CSS 制作方法，在修改頁面的時候更加容易省時，提高工作效率；

（table在企業(yè)中極少用?。。。?/p>

3. 介紹一下標(biāo)準(zhǔn)的 CSS 的盒子模型？與低版本 IE 的盒子模型有什么不同的？

有兩種， IE 盒子模型、W3C 盒子模型；
CSS盒模型常用的屬性： 內(nèi)容(content)、填充(padding)、邊界(margin)、 邊框(border)；
區(qū) 別： IE 的 content 部分把 border 和 padding 計(jì)算了進(jìn)去;

1.網(wǎng)頁設(shè)計(jì)中常用的屬性名：內(nèi)容(content)、填充(padding)、邊框(border)、邊界(margin)， CSS盒子模式都具備這些屬性。
2.這些屬性我們可以用日常生活中的常見事物——盒子作一個比喻來理解，所以叫它盒子模式。
3.CSS盒子模型就是在網(wǎng)頁設(shè)計(jì)中經(jīng)常用到的CSS技術(shù)所使用的一種思維模型。
想象一個盒子，它有：外邊距（margin）、邊框（border）、內(nèi)邊距（padding）、內(nèi)容（content）四個屬性；
讓我們俯視這個盒子，它有上下左右四條邊，所以每個屬性除了內(nèi)容（content），都包括四個部分：上下左右；這四部分可同時設(shè)置，也可分別設(shè)置；內(nèi)邊距可以理解為盒子里裝的東西和邊框的距離，而邊框有厚薄和顏色之分，內(nèi)容就是盒子中間裝的東西，外邊距就是邊框外面自動留出的一段空白。

4. CSS 選擇符有哪些？

id選擇器、類選擇器、標(biāo)簽選擇器、屬性選擇器、通配符選擇器、子選擇器

1.id 選擇器（ #myid）
2.類選擇器（.myclassname）
3.標(biāo)簽選擇器（div,h1,p） ,用逗號分割，可多個
4.相鄰選擇器（h1+p） ，兄弟節(jié)點(diǎn)
5.子選擇器（ul>li） ，
6.后代選擇器（lia）
7.通配符選擇器（ * ）
8.屬性選擇器（a[rel=“external”]） ，jQuery常用
9.偽類選擇器（a:hover,li:nth-child）

5. JS 的數(shù)據(jù)類型有哪些？

數(shù)據(jù)類型主要包括兩部分：
基本數(shù)據(jù)類型：Undefined、Null、Boolean、Number 和 String
引用數(shù)據(jù)類型：Array 、Object

6. null，undefined 的區(qū)別?

null 表示一個對象被定義了，值為“空值”；
undefined 表示不存在這個值。

7. 描述下 JSON 對象的兩個很重要的方法

JSON.parse() //JSON 字符串轉(zhuǎn)換為 JSON 對象
JSON.stringify() //JSON 對象轉(zhuǎn)化為字符串

8. eval 是做什么的？

把對應(yīng)的字符串解析成js代碼并運(yùn)行（不建議使用，不安全，耗性能）；
把 json字符串 轉(zhuǎn)換成 json對象 時可用eval，var obj = eval(’(’+str+’)’)

它的功能是把對應(yīng)的字符串解析成 JS 代碼并運(yùn)行；
應(yīng)該避免使用 eval，不安全，非常耗性能（2 次，一次解析成 js 語句，一次執(zhí)行）。
由 JSON 字符串轉(zhuǎn)換為 JSON 對象的時候可以用 eval，var obj = eval(’(’+str+’)’);

9. 簡述下為何通過 ajax 發(fā)送的請求會出現(xiàn)亂碼問題，如何解決？

編碼格式?jīng)_突，直接在傳輸中文數(shù)據(jù)前加 encodURL() 編碼

亂碼的問題就是編碼格式?jīng)_突，我們需要傳輸中文數(shù)據(jù)前面加一個 encodeURI()編碼，
例如：encodeURI($("#fk_info").val())；在接受參數(shù)的頁面對傳過來的編碼過后的內(nèi)容用后端語言進(jìn)行解碼

10.HTML5、CSS3 里面都新增了那些新特性？

新的語義標(biāo)簽
本地存儲
離線存儲 Websocket 2d，3d 變換 Transition,animation 媒體查詢新的單位（rem,vw，vh 等）
 

總結(jié)

以上所述是小編給大家介紹的面試官常問的web前端問題大全，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉(zhuǎn)載，煩請注明出處，謝謝！

最新評論