1.什么是CSS Hack?
一般來說是針對不同的瀏覽器寫不同的CSS,就是 CSS Hack月匣。IE瀏覽器Hack一般又分為三種称诗，條件Hack癣诱、屬性級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.簡述同步和異步的區(qū)別
同步是阻塞模式盒延，異步是非阻塞模式。
(1)同步就是指一個進(jìn)程在執(zhí)行某個請求的時候懈费，若該請求需要一段時間才能返回信息，那么這個進(jìn)程將會一直等待下去票罐，直到收到返回信息才繼續(xù)執(zhí)行下去疗杉；
(2)異步是指進(jìn)程不需要一直等下去蚕礼，而是繼續(xù)執(zhí)行下面的操作闻牡，不管其他進(jìn)程的狀態(tài)玖翅。當(dāng)有消息返回時系統(tǒng)會通知進(jìn)程進(jìn)行處理割以，這樣可以提高執(zhí)行的效率.
3.什么叫優(yōu)雅降級和漸進(jìn)增強(qiáng)严沥？
漸進(jìn)增強(qiáng) progressive enhancement：
針對低版本瀏覽器進(jìn)行構(gòu)建頁面，保證最基本的功能消玄，然后再針對高級瀏覽器進(jìn)行效果跟伏、交互等改進(jìn)和追加功能達(dá)到更好的用戶體驗(yàn)。
優(yōu)雅降級 graceful degradation：
一開始就構(gòu)建完整的功能翩瓜，然后再針對低版本瀏覽器進(jìn)行兼容受扳。
區(qū)別：
a. 優(yōu)雅降級是從復(fù)雜的現(xiàn)狀開始，并試圖減少用戶體驗(yàn)的供給
b. 漸進(jìn)增強(qiáng)則是從一個非惩玫基礎(chǔ)的勘高，能夠起作用的版本開始，并不斷擴(kuò)充坟桅，以適應(yīng)未來環(huán)境的需要
c. 降級（功能衰減）意味著往回看华望；而漸進(jìn)增強(qiáng)則意味著朝前看，同時保證其根基處于安全地帶
4.Javascript中callee和caller的作用仅乓？
caller是返回一個對函數(shù)的引用赖舟，該函數(shù)調(diào)用了當(dāng)前函數(shù)裕偿；
callee是返回正在被執(zhí)行的function函數(shù)，也就是所指定的function對象的正文焦人。
5.一次完整的HTTP事務(wù)是怎樣的一個過程房午？
基本流程：
a. 域名解析
b. 發(fā)起TCP的3次握手
c. 建立TCP連接后發(fā)起http請求
d. 服務(wù)器端響應(yīng)http請求，瀏覽器得到html代碼
e. 瀏覽器解析html代碼，并請求html代碼中的資源
f. 瀏覽器對頁面進(jìn)行渲染呈現(xiàn)給用戶
6.對前端工程師這個職位你是怎么樣理解的？
a. 前端是最貼近用戶的程序員，前端的能力就是能讓產(chǎn)品從 90分進(jìn)化到 100 分，甚至更好
b. 參與項目凑保，快速高質(zhì)量完成實(shí)現(xiàn)效果圖芝此，精確到1px；
c. 與團(tuán)隊成員，UI設(shè)計评肆，產(chǎn)品經(jīng)理的溝通征绸；
d. 做好的頁面結(jié)構(gòu)，頁面重構(gòu)和用戶體驗(yàn)；
e. 處理hack，兼容畜晰、寫出優(yōu)美的代碼格式块蚌；
f. 針對服務(wù)器的優(yōu)化瘪贱、擁抱最新前端技術(shù)。
7.什么是語義化的HTML?
(1)直觀的認(rèn)識標(biāo)簽 對于搜索引擎的抓取有好處褪尝，用正確的標(biāo)簽做正確的事情璃谨！
(2)html語義化就是讓頁面的內(nèi)容結(jié)構(gòu)化底扳，便于對瀏覽器阱冶、搜索引擎解析镊叁；在沒有樣式CCS情況下也以一種文檔格式顯示蛔添，并且是容易閱讀的。搜索引擎的爬蟲依賴于標(biāo)記來確定上下文和各個關(guān)鍵字的權(quán)重捷绑，利于 SEO。
(3)使閱讀源代碼的人對網(wǎng)站更容易將網(wǎng)站分塊沈贝，便于閱讀維護(hù)理解。
8.頁面導(dǎo)入樣式時伺帘，使用link和@import有什么區(qū)別似舵？
(1)link屬于XHTML標(biāo)簽仅淑，除了加載CSS外蝗蛙，還能用于定義RSS, 定義rel連接屬性等作用壮韭；而@import是CSS提供的喷屋，只能用于加載CSS;
(2)頁面被加載的時密任，link會同時被加載浪讳，而@import引用的CSS會等到頁面被加載完再加載;
(3)import是CSS2.1 提出的合呐，只在IE5以上才能被識別拆祈，而link是XHTML標(biāo)簽溉苛，無兼容問題;
9.對Node的優(yōu)點(diǎn)和缺點(diǎn)提出了自己的看法？
(優(yōu)點(diǎn)）
因?yàn)镹ode是基于事件驅(qū)動和無阻塞的留美，所以非常適合處理并發(fā)請求彰檬，
因此構(gòu)建在Node上的代理服務(wù)器相比其他技術(shù)實(shí)現(xiàn)（如Ruby）的服務(wù)器表現(xiàn)要好得多。
此外谎砾，與Node代理服務(wù)器交互的客戶端代碼是由javascript語言編寫的逢倍，
因此客戶端和服務(wù)器端都用同一種語言編寫，這是非常美妙的事情景图。
（缺點(diǎn)）
Node是一個相對新的開源項目较雕，所以不太穩(wěn)定，它總是一直在變，
而且缺少足夠多的第三方庫支持亮蒋】鄣洌看起來，就像是Ruby/Rails當(dāng)年的樣子慎玖。
10.你有哪些性能優(yōu)化的方法贮尖？
（1） 減少http請求次數(shù)：CSS Sprites, JS、CSS源碼壓縮趁怔、圖片大小控制合適湿硝；網(wǎng)頁Gzip，CDN托管润努，data緩存 关斜，圖片服務(wù)器。
（2）前端模板 JS+數(shù)據(jù)铺浇，減少由于HTML標(biāo)簽導(dǎo)致的帶寬浪費(fèi)痢畜，前端用變量保存AJAX請求結(jié)果，每次操作本地變量鳍侣，不用請求丁稀，減少請求次數(shù)
（3） 用innerHTML代替DOM操作，減少DOM操作次數(shù)拱她，優(yōu)化javascript性能二驰。
（4） 當(dāng)需要設(shè)置的樣式很多時設(shè)置className而不是直接操作style扔罪。
（5） 少用全局變量秉沼、緩存DOM節(jié)點(diǎn)查找的結(jié)果。減少IO讀取操作矿酵。
（6） 避免使用CSS Expression（css表達(dá)式)又稱Dynamic properties(動態(tài)屬性)唬复。
（7） 圖片預(yù)加載，將樣式表放在頂部全肮，將腳本放在底部 加上時間戳敞咧。
（8） 避免在頁面的主體布局中使用table，table要等其中的內(nèi)容完全下載之后才會顯示出來辜腺，顯示div+css布局慢休建。對普通的網(wǎng)站有一個統(tǒng)一的思路，就是盡量向前端優(yōu)化评疗、減少數(shù)據(jù)庫操作测砂、減少磁盤IO。向前端優(yōu)化指的是百匆，在不影響功能和體驗(yàn)的情況下砌些，能在瀏覽器執(zhí)行的不要在服務(wù)端執(zhí)行，能在緩存服務(wù)器上直接返回的不要到應(yīng)用服務(wù)器，程序能直接取得的結(jié)果不要到外部取得存璃，本機(jī)內(nèi)能取得的數(shù)據(jù)不要到遠(yuǎn)程取仑荐，內(nèi)存能取到的不要到磁盤取，緩存中有的不要去數(shù)據(jù)庫查詢纵东。減少數(shù)據(jù)庫操作指減少更新次數(shù)粘招、緩存結(jié)果減少查詢次數(shù)、將數(shù)據(jù)庫執(zhí)行的操作盡可能的讓你的程序完成（例如join查詢）偎球，減少磁盤IO指盡量不使用文件系統(tǒng)作為緩存男图、減少讀寫文件次數(shù)等。程序優(yōu)化永遠(yuǎn)要優(yōu)化慢的部分甜橱，換語言是無法“優(yōu)化”的逊笆。
11..http狀態(tài)碼有那些？分別代表是什么意思岂傲？
100-199 用于指定客戶端應(yīng)相應(yīng)的某些動作难裆。
200-299 用于表示請求成功。
300-399 用于已經(jīng)移動的文件并且常被包含在定位頭信息中指定新的地址信息镊掖。
400-499 用于指出客戶端的錯誤乃戈。400 1、語義有誤亩进，當(dāng)前請求無法被服務(wù)器理解症虑。401 當(dāng)前請求需要用戶驗(yàn)證 403 服務(wù)器已經(jīng)理解請求，但是拒絕執(zhí)行它归薛。
500-599 用于支持服務(wù)器錯誤谍憔。 503 – 服務(wù)不可用
