前端ajax面試題及答案

　　導語：參加前端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)網址后加斜杠(如www.campr.com/目錄，會判斷這個“目錄是什么文件類型，或者是目錄。)

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

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

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

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

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

　　3)直接使用VIM的retab命令

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

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

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

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

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

　　nodejs，html5，css3，less等。

【前端ajax面試題及答案】相關文章：

網頁前端面試題06-28

阿里前端電話面試題06-29

web前端開發面試題07-12

前端工程師面試題06-28

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

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

面試題目及答案06-28

dba面試題及答案06-28

美工面試題及答案06-28

經典面試題及答案分析07-13