前端ajax面試題及答案

前端ajax面試題及答案

　　導語(yǔ)：參加前端ajax面試的求職者們，前端ajax面試題及答案哪里有呢?以下是小編為大家整理的文章，歡迎閱讀!希望對大家有所幫助!

　　前端ajax面試題及答案

　　1.你能描述一下漸進(jìn)增強和優(yōu)雅降級之間的不同嗎?

　　優(yōu)雅降級：Web站點(diǎn)在所有新式瀏覽器中都能正常工作，如果用戶(hù)使用的是老式瀏覽器，則代碼會(huì )檢查以確認它們是否能正常工作。由于IE獨特的盒模型布局問(wèn)題，針對不同版本的IE的hack實(shí)踐過(guò)優(yōu)雅降級了,為那些無(wú)法支持功能的瀏覽器增加候選方案，使之在舊式瀏覽器上以某種形式降級體驗卻不至于完全失效.

　　漸進(jìn)增強：從被所有瀏覽器支持的基本功能開(kāi)始，逐步地添加那些只有新式瀏覽器才支持的功能,向頁(yè)面增加無(wú)害于基礎瀏覽器的額外樣式和功能的。當瀏覽器支持時(shí)，它們會(huì )自動(dòng)地呈現出來(lái)并發(fā)揮作用。

　　2.線(xiàn)程與進(jìn)程的區別?

　　一個(gè)程序至少有一個(gè)進(jìn)程，一個(gè)進(jìn)程至少有一個(gè)線(xiàn)程。線(xiàn)程的劃分尺度小于進(jìn)程，使得多線(xiàn)程程序的并發(fā)性高。

　　另外，進(jìn)程在執行過(guò)程中擁有獨立的內存單元，而多個(gè)線(xiàn)程共享內存，從而極大地提高了程序的運行效率。

　　線(xiàn)程在執行過(guò)程中與進(jìn)程還是有區別的。每個(gè)獨立的線(xiàn)程有一個(gè)程序運行的入口、順序執行序列和程序的出口。但是線(xiàn)程不能夠獨立執行，必須依存在應用程序中，由應用程序提供多個(gè)線(xiàn)程執行控制。

　　從邏輯角度來(lái)看，多線(xiàn)程的意義在于一個(gè)應用程序中，有多個(gè)執行部分可以同時(shí)執行。但操作系統并沒(méi)有將多個(gè)線(xiàn)程看做多個(gè)獨立的應用，來(lái)實(shí)現進(jìn)程的調度和管理以及資源分配。這就是進(jìn)程和線(xiàn)程的重要區別。

　　3.說(shuō)說(shuō)你對語(yǔ)義化的理解?

　　1：去掉或樣式丟失的時(shí)候能讓頁(yè)面呈現清晰的結構：html本身是沒(méi)有表現的，我們看到例如

　　是粗體，字體大小2em，加粗;是加粗的，不要認為這是html的表現，這些其實(shí)html默認的css樣式在起作用，所以去掉或樣式丟失的時(shí)候能讓頁(yè)面呈現清晰的結構不是語(yǔ)義化的HTML結構的優(yōu)點(diǎn)，但是瀏覽器都有有默認樣式，默認樣式的目的也是為了更好的表達html的語(yǔ)義，可以說(shuō)瀏覽器的默認樣式和語(yǔ)義化的HTML結構是不可分割的。

　　2：屏幕閱讀器(如果訪(fǎng)客有視障)會(huì )完全根據你的標記來(lái)“讀”你的網(wǎng)頁(yè)。

　　3：PDA、手機等設備可能無(wú)法像普通電腦的瀏覽器一樣來(lái)渲染網(wǎng)頁(yè)(通常是因為這些設備對CSS的支持較弱)。

　　4：有利于SEO：和搜索引擎建立良好溝通，有助于爬蟲(chóng)抓取更多的有效信息：爬蟲(chóng)依賴(lài)于標簽來(lái)確定上下文和各個(gè)關(guān)鍵字的權重。

　　6：便于團隊開(kāi)發(fā)和維護，語(yǔ)義化更具可讀性，是下一步吧網(wǎng)頁(yè)的重要動(dòng)向，遵循W3C標準的團隊都遵循這個(gè)標準，可以減少差異化。

　　4.你如何對網(wǎng)站的文件和資源進(jìn)行優(yōu)化?

　　期待的解決方案包括：文件合并文件最小化/文件壓縮使用CDN托管緩存的使用(多個(gè)域名來(lái)提供緩存)其他。

　　5.為什么利用多個(gè)域名來(lái)提供網(wǎng)站資源會(huì )更有效?

　　1.CDN緩存更方便

　　2.突破瀏覽器并發(fā)限制(一般每個(gè)域名建立的鏈接不超過(guò)6個(gè))

　　3.Cookieless，節省帶寬，尤其是上行帶寬一般比下行要慢

　　4.對于UGC的內容和主站隔離，防止不必要的安全問(wèn)題(上傳js竊取主站cookie之類(lèi)的)。正是這個(gè)原因要求用戶(hù)內容的域名必須不是自己主站的子域名，而是一個(gè)完全獨立的第三方域名。

　　5.數據做了劃分，甚至切到了不同的物理集群，通過(guò)子域名來(lái)分流比較省事。這個(gè)可能被用的不多。

　　PS:關(guān)于Cookie的問(wèn)題，帶寬是次要的，安全隔離才是主要的。關(guān)于多域名，也不是越多越好，雖然服務(wù)器端可以做泛解釋?zhuān)瑸g覽器做dns解釋也是耗時(shí)間的，而且太多域名，如果要走https的話(huà)，還有要多買(mǎi)證書(shū)和部署的問(wèn)題。

　　6.請說(shuō)出三種減少頁(yè)面加載時(shí)間的方法。(加載時(shí)間指感知的時(shí)間或者實(shí)際加載時(shí)間)

　　1)優(yōu)化圖片

　　2)圖像格式的選擇(GIF：提供的顏色較少，可用在一些對顏色要求不高的地方)

　　3)優(yōu)化CSS(壓縮合并css，如margin-top,margin-left...)

　　4)網(wǎng)址后加斜杠(如www.campr.com/目錄，會(huì )判斷這個(gè)“目錄是什么文件類(lèi)型，或者是目錄。)

　　5)標明高度和寬度(如果瀏覽器沒(méi)有找到這兩個(gè)參數，它需要一邊下載圖片一邊計算大小，如果圖片很多，瀏覽器需要不斷地調整頁(yè)面。這不但影響速度，也影響瀏覽體驗。當瀏覽器知道了高度和寬度參數后，即使圖片暫時(shí)無(wú)法顯示，頁(yè)面上也會(huì )騰出圖片的空位，然后繼續加載后面的內容。從而加載時(shí)間快了，瀏覽體驗也更好了。)

　　6)減少http請求(合并文件，合并圖片)。

　　7.如果你參與到一個(gè)項目中，發(fā)現他們使用Tab來(lái)縮進(jìn)代碼，但是你喜歡空格，你會(huì )怎么做?

　　1)建議這個(gè)項目使用像EditorConfig(http://editorconfig.org/)之類(lèi)的規范

　　2)為了保持一致性，接受項目原有的風(fēng)格

　　3)直接使用VIM的retab命令

　　8.請寫(xiě)一個(gè)簡(jiǎn)單的幻燈效果頁(yè)面

　　如果不使用JS來(lái)完成，可以加分。(如：純CSS實(shí)現的幻燈片效果)

　　9.你都使用哪些工具來(lái)測試代碼的性能?

　　Profiler,JSPerf(http://jsperf.com/nexttick-vs-setzerotimeout-vs-settimeout),Dromaeo。

　　10.如果今年你打算熟練掌握一項新技術(shù)，那會(huì )是什么?

　　nodejs，html5，css3，less等。

【前端ajax面試題及答案】相關(guān)文章：

網(wǎng)頁(yè)前端面試題06-28

阿里前端電話(huà)面試題06-29

web前端開(kāi)發(fā)面試題07-12

前端工程師面試題06-28

跪求騰訊前端面試題07-10

一道前端JS面試題，求解？07-13

面試題目及答案06-28

dba面試題及答案06-28

美工面試題及答案06-28

經(jīng)典面試題及答案分析07-13