面試官常問(wèn)的web前端問(wèn)題大全
我要評(píng)論1. 標(biāo)簽上 alt與 title屬性的區(qū)別是什么？
alt ：搜索引擎識(shí)別，在圖像無(wú)法顯示時(shí)的替代文本；
title ：元素注釋信息，主要給用戶解讀。當(dāng)鼠標(biāo)放到文字或是圖片上時(shí)有 title 文字顯示。
（因?yàn)?IE 不標(biāo)準(zhǔn)）在 IE 瀏覽器中 alt 起到了 title 的作用，變成文字提示。
在定義 img 對(duì)象時(shí)，將 alt 和 title 屬性寫(xiě)全，可以保證在各種瀏覽器中都能正常使用。
2. DIV+CSS 布局較 table 有什么優(yōu)勢(shì)？
DIV+CSS 布局：速率快，頁(yè)面體積小，瀏覽速度快；便于被搜索引擎收錄；樣式豐富，頁(yè)面更靈活；便于修改，效率高；
1、速率更快，頁(yè)面體積變小，瀏覽速度變快，這就使得對(duì)于某些控制主機(jī)流量的網(wǎng)站來(lái)說(shuō)是最大的優(yōu)勢(shì)了；
2、更好地被搜索引擎收錄，大部分 html 頁(yè)面的樣式寫(xiě)入了 CSS 文件中，便于被搜索引擎采集收錄；
3、對(duì)瀏覽者和瀏覽器更具優(yōu)勢(shì)，由于 CSS 富含豐富的樣式，使頁(yè)面更加靈活性，它可以根據(jù)不同的瀏覽器，而達(dá)到顯示效果的統(tǒng) 一和不變形；
4、修改更有效率，由于使用了 DIV+CSS 制作方法，在修改頁(yè)面的時(shí)候更加容易省時(shí)，提高工作效率；
（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)頁(yè)設(shè)計(jì)中常用的屬性名：內(nèi)容(content)、填充(padding)、邊框(border)、邊界(margin)， CSS盒子模式都具備這些屬性。
2.這些屬性我們可以用日常生活中的常見(jiàn)事物——盒子作一個(gè)比喻來(lái)理解，所以叫它盒子模式。
3.CSS盒子模型就是在網(wǎng)頁(yè)設(shè)計(jì)中經(jīng)常用到的CSS技術(shù)所使用的一種思維模型。
想象一個(gè)盒子，它有：外邊距（margin）、邊框（border）、內(nèi)邊距（padding）、內(nèi)容（content）四個(gè)屬性；
讓我們俯視這個(gè)盒子，它有上下左右四條邊，所以每個(gè)屬性除了內(nèi)容（content），都包括四個(gè)部分：上下左右；這四部分可同時(shí)設(shè)置，也可分別設(shè)置；內(nèi)邊距可以理解為盒子里裝的東西和邊框的距離，而邊框有厚薄和顏色之分，內(nèi)容就是盒子中間裝的東西，外邊距就是邊框外面自動(dòng)留出的一段空白。
4. CSS 選擇符有哪些？
id選擇器、類選擇器、標(biāo)簽選擇器、屬性選擇器、通配符選擇器、子選擇器
1.id 選擇器（ #myid）
2.類選擇器（.myclassname）
3.標(biāo)簽選擇器（div,h1,p） ,用逗號(hào)分割，可多個(gè)
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 表示一個(gè)對(duì)象被定義了，值為“空值”；
undefined 表示不存在這個(gè)值。
7. 描述下 JSON 對(duì)象的兩個(gè)很重要的方法
JSON.parse() //JSON 字符串轉(zhuǎn)換為 JSON 對(duì)象
JSON.stringify() //JSON 對(duì)象轉(zhuǎn)化為字符串
8. eval 是做什么的？
把對(duì)應(yīng)的字符串解析成js代碼并運(yùn)行（不建議使用，不安全，耗性能）；
把 json字符串 轉(zhuǎn)換成 json對(duì)象 時(shí)可用eval，var obj = eval(’(’+str+’)’)
它的功能是把對(duì)應(yīng)的字符串解析成 JS 代碼并運(yùn)行；
應(yīng)該避免使用 eval，不安全，非常耗性能（2 次，一次解析成 js 語(yǔ)句，一次執(zhí)行）。
由 JSON 字符串轉(zhuǎn)換為 JSON 對(duì)象的時(shí)候可以用 eval，var obj = eval(’(’+str+’)’);
9. 簡(jiǎn)述下為何通過(guò) ajax 發(fā)送的請(qǐng)求會(huì)出現(xiàn)亂碼問(wèn)題，如何解決？
編碼格式?jīng)_突，直接在傳輸中文數(shù)據(jù)前加 encodURL() 編碼
亂碼的問(wèn)題就是編碼格式?jīng)_突，我們需要傳輸中文數(shù)據(jù)前面加一個(gè) encodeURI()編碼，
例如：encodeURI($("#fk_info").val())；在接受參數(shù)的頁(yè)面對(duì)傳過(guò)來(lái)的編碼過(guò)后的內(nèi)容用后端語(yǔ)言進(jìn)行解碼
10.HTML5、CSS3 里面都新增了那些新特性？
新的語(yǔ)義標(biāo)簽
本地存儲(chǔ)
離線存儲(chǔ) Websocket 2d，3d 變換 Transition,animation 媒體查詢新的單位（rem,vw，vh 等）
總結(jié)
以上所述是小編給大家介紹的面試官常問(wèn)的web前端問(wèn)題大全，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
如果你覺(jué)得本文對(duì)你有幫助，歡迎轉(zhuǎn)載，煩請(qǐng)注明出處，謝謝！
相關(guān)文章
- 一場(chǎng)疫情過(guò)后，又要經(jīng)歷一次次面試，今天小編給大家分享2020前端面試題之HTML篇，非常不錯(cuò)，對(duì)大家有所幫助，需要的朋友參考下吧2020-03-25
- 這篇文章主要介紹了2019大廠前端面試題小結(jié)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2020-03-05
- 隨著疫情的不斷好轉(zhuǎn)，各地都開(kāi)始逐步的復(fù)工，當(dāng)然對(duì)我們來(lái)說(shuō)，也馬上迎來(lái)所謂的金三銀四跳槽季。今天小編給大家分享前端常見(jiàn)面試題，需要的朋友跟隨小編一起看看吧2020-02-27
- 這篇文章主要介紹了Web前端面試筆試題總結(jié)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2020-02-18
- 這篇文章主要介紹了80道前端面試經(jīng)典選擇題匯總，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)2020-01-08
- 這篇文章主要介紹了前端十幾道含答案的大廠面試題總結(jié),小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2020-01-02
- 這篇文章主要介紹了超實(shí)用前端面試題整理(小結(jié))，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-12-19
每個(gè)前端工程師都應(yīng)該去了解的前端面試題小結(jié)(推薦)
面試對(duì)于我們每個(gè)程序員來(lái)說(shuō)都是非常重要的環(huán)節(jié)，掌握一些面試題技巧是非常有必要的，今天小編給大家分享幾個(gè)js有關(guān)的面試題，需要的朋友參考下吧2020-04-15
