1.什么是CSS Hack?
一般來(lái)說(shuō)是針對(duì)不同的瀏覽器寫(xiě)不同的CSS,就是 CSS Hack。IE瀏覽器Hack一般又分為三種，條件Hack、屬性級(jí)Hack、選擇符Hack（詳細(xì)參考CSS文檔：css文檔）。例如：
// 1、條件Hack
<!--[if IE]>
<style>
.test{color:red;}
</style>
<![endif]-->
// 2、屬性Hack
.test{
color:#090\9; /* For IE8+ */
*color:#f00; /* For IE7 and earlier */
_color:#ff0; /* For IE6 and earlier */
}
// 3、選擇符Hack
* html .test{color:#090;} /* For IE6 and earlier */
* + html .test{color:#ff0;} /* For IE7 */
2.簡(jiǎn)述同步和異步的區(qū)別
同步是阻塞模式，異步是非阻塞模式。
(1)同步就是指一個(gè)進(jìn)程在執(zhí)行某個(gè)請(qǐng)求的時(shí)候，若該請(qǐng)求需要一段時(shí)間才能返回信息，那么這個(gè)進(jìn)程將會(huì)一直等待下去，直到收到返回信息才繼續(xù)執(zhí)行下去；
(2)異步是指進(jìn)程不需要一直等下去，而是繼續(xù)執(zhí)行下面的操作，不管其他進(jìn)程的狀態(tài)。當(dāng)有消息返回時(shí)系統(tǒng)會(huì)通知進(jìn)程進(jìn)行處理，這樣可以提高執(zhí)行的效率.
3.什么叫優(yōu)雅降級(jí)和漸進(jìn)增強(qiáng)？
漸進(jìn)增強(qiáng) progressive enhancement：
針對(duì)低版本瀏覽器進(jìn)行構(gòu)建頁(yè)面，保證最基本的功能，然后再針對(duì)高級(jí)瀏覽器進(jìn)行效果、交互等改進(jìn)和追加功能達(dá)到更好的用戶(hù)體驗(yàn)。
優(yōu)雅降級(jí) graceful degradation：
一開(kāi)始就構(gòu)建完整的功能，然后再針對(duì)低版本瀏覽器進(jìn)行兼容。
區(qū)別：
a. 優(yōu)雅降級(jí)是從復(fù)雜的現(xiàn)狀開(kāi)始，并試圖減少用戶(hù)體驗(yàn)的供給
b. 漸進(jìn)增強(qiáng)則是從一個(gè)非?；A(chǔ)的，能夠起作用的版本開(kāi)始，并不斷擴(kuò)充，以適應(yīng)未來(lái)環(huán)境的需要
c. 降級(jí)（功能衰減）意味著往回看；而漸進(jìn)增強(qiáng)則意味著朝前看，同時(shí)保證其根基處于安全地帶
4.Javascript中callee和caller的作用？
caller是返回一個(gè)對(duì)函數(shù)的引用，該函數(shù)調(diào)用了當(dāng)前函數(shù)；
callee是返回正在被執(zhí)行的function函數(shù)，也就是所指定的function對(duì)象的正文。
5.一次完整的HTTP事務(wù)是怎樣的一個(gè)過(guò)程？
基本流程：
a. 域名解析
b. 發(fā)起TCP的3次握手
c. 建立TCP連接后發(fā)起http請(qǐng)求
d. 服務(wù)器端響應(yīng)http請(qǐng)求，瀏覽器得到html代碼
e. 瀏覽器解析html代碼，并請(qǐng)求html代碼中的資源
f. 瀏覽器對(duì)頁(yè)面進(jìn)行渲染呈現(xiàn)給用戶(hù)
6.對(duì)前端工程師這個(gè)職位你是怎么樣理解的？
a. 前端是最貼近用戶(hù)的程序員，前端的能力就是能讓產(chǎn)品從 90分進(jìn)化到 100 分，甚至更好
b. 參與項(xiàng)目，快速高質(zhì)量完成實(shí)現(xiàn)效果圖，精確到1px；
c. 與團(tuán)隊(duì)成員，UI設(shè)計(jì)，產(chǎn)品經(jīng)理的溝通；
d. 做好的頁(yè)面結(jié)構(gòu)，頁(yè)面重構(gòu)和用戶(hù)體驗(yàn)；
e. 處理hack，兼容、寫(xiě)出優(yōu)美的代碼格式；
f. 針對(duì)服務(wù)器的優(yōu)化、擁抱最新前端技術(shù)。
7.什么是語(yǔ)義化的HTML?
(1)直觀的認(rèn)識(shí)標(biāo)簽 對(duì)于搜索引擎的抓取有好處，用正確的標(biāo)簽做正確的事情！
(2)html語(yǔ)義化就是讓頁(yè)面的內(nèi)容結(jié)構(gòu)化，便于對(duì)瀏覽器、搜索引擎解析；在沒(méi)有樣式CCS情況下也以一種文檔格式顯示，并且是容易閱讀的。搜索引擎的爬蟲(chóng)依賴(lài)于標(biāo)記來(lái)確定上下文和各個(gè)關(guān)鍵字的權(quán)重，利于 SEO。
(3)使閱讀源代碼的人對(duì)網(wǎng)站更容易將網(wǎng)站分塊，便于閱讀維護(hù)理解。
8.頁(yè)面導(dǎo)入樣式時(shí)，使用link和@import有什么區(qū)別？
(1)link屬于XHTML標(biāo)簽，除了加載CSS外，還能用于定義RSS, 定義rel連接屬性等作用；而@import是CSS提供的，只能用于加載CSS;
(2)頁(yè)面被加載的時(shí)，link會(huì)同時(shí)被加載，而@import引用的CSS會(huì)等到頁(yè)面被加載完再加載;
(3)import是CSS2.1 提出的，只在IE5以上才能被識(shí)別，而link是XHTML標(biāo)簽，無(wú)兼容問(wèn)題;
9.對(duì)Node的優(yōu)點(diǎn)和缺點(diǎn)提出了自己的看法？
(優(yōu)點(diǎn)）
因?yàn)镹ode是基于事件驅(qū)動(dòng)和無(wú)阻塞的，所以非常適合處理并發(fā)請(qǐng)求，
因此構(gòu)建在Node上的代理服務(wù)器相比其他技術(shù)實(shí)現(xiàn)（如Ruby）的服務(wù)器表現(xiàn)要好得多。
此外，與Node代理服務(wù)器交互的客戶(hù)端代碼是由javascript語(yǔ)言編寫(xiě)的，
因此客戶(hù)端和服務(wù)器端都用同一種語(yǔ)言編寫(xiě)，這是非常美妙的事情。
（缺點(diǎn)）
Node是一個(gè)相對(duì)新的開(kāi)源項(xiàng)目，所以不太穩(wěn)定，它總是一直在變，
而且缺少足夠多的第三方庫(kù)支持?？雌饋?lái)，就像是Ruby/Rails當(dāng)年的樣子。
10.你有哪些性能優(yōu)化的方法？
（1） 減少http請(qǐng)求次數(shù)：CSS Sprites, JS、CSS源碼壓縮、圖片大小控制合適；網(wǎng)頁(yè)Gzip，CDN托管，data緩存 ，圖片服務(wù)器。
（2）前端模板 JS+數(shù)據(jù)，減少由于HTML標(biāo)簽導(dǎo)致的帶寬浪費(fèi)，前端用變量保存AJAX請(qǐng)求結(jié)果，每次操作本地變量，不用請(qǐng)求，減少請(qǐng)求次數(shù)
（3） 用innerHTML代替DOM操作，減少DOM操作次數(shù)，優(yōu)化javascript性能。
（4） 當(dāng)需要設(shè)置的樣式很多時(shí)設(shè)置className而不是直接操作style。
（5） 少用全局變量、緩存DOM節(jié)點(diǎn)查找的結(jié)果。減少I(mǎi)O讀取操作。
（6） 避免使用CSS Expression（css表達(dá)式)又稱(chēng)Dynamic properties(動(dòng)態(tài)屬性)。
（7） 圖片預(yù)加載，將樣式表放在頂部，將腳本放在底部 加上時(shí)間戳。
（8） 避免在頁(yè)面的主體布局中使用table，table要等其中的內(nèi)容完全下載之后才會(huì)顯示出來(lái)，顯示div+css布局慢。對(duì)普通的網(wǎng)站有一個(gè)統(tǒng)一的思路，就是盡量向前端優(yōu)化、減少數(shù)據(jù)庫(kù)操作、減少磁盤(pán)IO。向前端優(yōu)化指的是，在不影響功能和體驗(yàn)的情況下，能在瀏覽器執(zhí)行的不要在服務(wù)端執(zhí)行，能在緩存服務(wù)器上直接返回的不要到應(yīng)用服務(wù)器，程序能直接取得的結(jié)果不要到外部取得，本機(jī)內(nèi)能取得的數(shù)據(jù)不要到遠(yuǎn)程取，內(nèi)存能取到的不要到磁盤(pán)取，緩存中有的不要去數(shù)據(jù)庫(kù)查詢(xún)。減少數(shù)據(jù)庫(kù)操作指減少更新次數(shù)、緩存結(jié)果減少查詢(xún)次數(shù)、將數(shù)據(jù)庫(kù)執(zhí)行的操作盡可能的讓你的程序完成（例如join查詢(xún)），減少磁盤(pán)IO指盡量不使用文件系統(tǒng)作為緩存、減少讀寫(xiě)文件次數(shù)等。程序優(yōu)化永遠(yuǎn)要優(yōu)化慢的部分，換語(yǔ)言是無(wú)法“優(yōu)化”的。
11..http狀態(tài)碼有那些？分別代表是什么意思？
100-199 用于指定客戶(hù)端應(yīng)相應(yīng)的某些動(dòng)作。
200-299 用于表示請(qǐng)求成功。
300-399 用于已經(jīng)移動(dòng)的文件并且常被包含在定位頭信息中指定新的地址信息。
400-499 用于指出客戶(hù)端的錯(cuò)誤。400 1、語(yǔ)義有誤，當(dāng)前請(qǐng)求無(wú)法被服務(wù)器理解。401 當(dāng)前請(qǐng)求需要用戶(hù)驗(yàn)證 403 服務(wù)器已經(jīng)理解請(qǐng)求，但是拒絕執(zhí)行它。
500-599 用于支持服務(wù)器錯(cuò)誤。 503 – 服務(wù)不可用
