前端ajax面試題及答案

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

　　1.你能描述一下漸進增強和優雅降級之間的不同嗎?

優雅降級：Web站點在所有新式瀏覽器中都能正常工作，如果用戶使用的是老式瀏覽器，則代碼會檢查以確認它們是否能正常工作。由於IE獨特的盒模型佈局問題，針對不同版本的IE的hack實踐過優雅降級了,爲那些無法支持功能的瀏覽器增加候選方案，使之在舊式瀏覽器上以某種形式降級體驗卻不至於完全失效.

漸進增強：從被所有瀏覽器支持的基本功能開始，逐步地添加那些只有新式瀏覽器才支持的功能,向頁面增加無害於基礎瀏覽器的額外樣式和功能的。當瀏覽器支持時，它們會自動地呈現出來併發揮作用。

　　2.線程與進程的區別?

一個程序至少有一個進程，一個進程至少有一個線程。線程的劃分尺度小於進程，使得多線程程序的併發性高。

另外，進程在執行過程中擁有獨立的`內存單元，而多個線程共享內存，從而極大地提高了程序的運行效率。

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

從邏輯角度來看，多線程的意義在於一個應用程序中，有多個執行部分可以同時執行。但操作系統並沒有將多個線程看做多個獨立的應用，來實現進程的調度和管理以及資源分配。這就是進程和線程的重要區別。

　　3.說說你對語義化的理解?

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

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

2：屏幕閱讀器(如果訪客有視障)會完全根據你的標記來“讀”你的網頁。

3：PDA、手機等設備可能無法像普通電腦的瀏覽器一樣來渲染網頁(通常是因爲這些設備對CSS的支持較弱)。

4：有利於SEO：和搜索引擎建立良好溝通，有助於爬蟲抓取更多的有效信息：爬蟲依賴於標籤來確定上下文和各個關鍵字的權重。

6：便於團隊開發和維護，語義化更具可讀性，是下一步吧網頁的重要動向，遵循W3C標準的團隊都遵循這個標準，可以減少差異化。

　　4.你如何對網站的文件和資源進行優化?

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

　　5.爲什麼利用多個域名來提供網站資源會更有效?

1.CDN緩存更方便

2.突破瀏覽器併發限制(一般每個域名建立的鏈接不超過6個)

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

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

5.數據做了劃分，甚至切到了不同的物理集羣，通過子域名來分流比較省事。這個可能被用的不多。

PS:關於Cookie的問題，帶寬是次要的，安全隔離纔是主要的。關於多域名，也不是越多越好，雖然服務器端可以做泛解釋，瀏覽器做dns解釋也是耗時間的，而且太多域名，如果要走https的話，還有要多買證書和部署的問題。

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

1)優化圖片

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

3)優化CSS(壓縮合並css，如margin-top,margin-left...)

4)網址後加斜槓(如目錄，會判斷這個“目錄是什麼文件類型，或者是目錄。)

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

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

　　7.如果你參與到一個項目中，發現他們使用Tab來縮進代碼，但是你喜歡空格，你會怎麼做?

1)建議這個項目使用像EditorConfig()之類的規範

2)爲了保持一致性，接受項目原有的風格

3)直接使用VIM的retab命令

　　8.請寫一個簡單的幻燈效果頁面

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

　　9.你都使用哪些工具來測試代碼的性能?

Profiler,JSPerf(),Dromaeo。

　　10.如果今年你打算熟練掌握一項新技術，那會是什麼?

nodejs，html5，css3，less等。