提升經驗值，前端面試盡在掌控中
來源：
奇酷教育 發表于：
Q:如何實現瀏覽器內多個標簽頁之間的通信?A:調用localstorge、cookies等本地存儲方式Q:線程與進程的區別?A:一個程序至少有一個進程,一個進
Q:如何實現瀏覽器內多個標簽頁之間的通信?
A:調用localstorge、cookies等本地存儲方式
Q:線程與進程的區別?
A:一個程序至少有一個進程,一個進程至少有一個線程。
線程的劃分尺度小于進程，使得多線程程序的并發性高。
另外，進程在執行過程中擁有獨立的內存單元，而多個線程共享內存，從而極大地提高了程序的運行效率。
線程在執行過程中與進程還是有區別的。每個獨立的線程有一個程序運行的入口、順序執行序列和程序的出口。但是線程不能夠獨立執行，必須依存在應用程序中，由應用程序提供多個線程執行控制。
從邏輯角度來看，多線程的意義在于一個應用程序中，有多個執行部分可以同時執行。但操作系統并沒有將多個線程看做多個獨立的應用，來實現進程的調度和管理以及資源分配。這就是進程和線程的重要區別。
Q:你如何對網站的文件和資源進行優化?
A:期待的解決方案包括：
文件合并
文件最小化/文件壓縮
使用 CDN 托管
緩存的使用（多個域名來提供緩存）
其他
Q:請說出三種減少頁面加載時間的方法?
A:1.優化圖片；
2.圖像格式的選擇（GIF：提供的顏色較少，可用在一些對顏色要求不高的地方）；
3.優化CSS（壓縮合并css，如margin-top,margin-left...) ；
4.網址后加斜杠（如www.campr.com/目錄，會判斷這個“目錄是什么文件類型，或者是目錄）；
5.標明高度和寬度（如果瀏覽器沒有找到這兩個參數，它需要一邊下載圖片一邊計算大小，如果圖片很多，瀏覽器需要不斷地調整頁面。這不但影響速度，也影響瀏覽體驗；
當瀏覽器知道了高度和寬度參數后，即使圖片暫時無法顯示，頁面上也會騰出圖片的空位，然后繼續加載后面的內容。從而加載時間快了，瀏覽體驗也更好了）；
6.減少http請求（合并文件，合并圖片）；
Q:你都使用哪些工具來測試代碼的性能?
A:Profiler, JSPerf（http://jsperf.com/nexttick-vs-setzerotimeout-vs-settimeout）, Dromaeo
Q:什么是 FOUC(無樣式內容閃爍)?你如何來避免 FOUC?
A: FOUC - Flash Of Unstyled Content 文檔樣式閃爍
<style type="text/css" media="all">@import "../fouc.css";</style>
而引用CSS文件的@import就是造成這個問題的罪魁禍首。IE會先加載整個HTML文檔的DOM，然后再去導入外部的CSS文件，因此，在頁面DOM加載完成到CSS導入完成中間會有一段時間頁面上的內容是沒有樣式的，這段時間的長短跟網速，電腦速度都有關系。
解決方法簡單的出奇，只要在<head>之間加入一個<link>或者<script>元素就可以了。
Q:null和undefined的區別?
A:null是一個表示"無"的對象，轉為數值時為0；undefined是一個表示"無"的原始值，轉為數值時為NaN。
當聲明的變量還未被初始化時，變量的默認值為undefined。 null用來表示尚未存在的對象，常用來表示函數企圖返回一個不存在的對象。
undefined表示"缺少值"，就是此處應該有一個值，但是還沒有定義。典型用法是：
（1）變量被聲明了，但沒有賦值時，就等于undefined。
（2) 調用函數時，應該提供的參數沒有提供，該參數等于undefined。
（3）對象沒有賦值的屬性，該屬性的值為undefined。
（4）函數沒有返回值時，默認返回undefined。
null表示"沒有對象"，即該處不應該有值。典型用法是：
（1） 作為函數的參數，表示該函數的參數不是對象。
（2） 作為對象原型鏈的終點。
Q:new操作符具體干了什么呢?
A: 1、創建一個空對象，并且 this 變量引用該對象，同時還繼承了該函數的原型。
2、屬性和方法被加入到 this 引用的對象中。
3、新創建的對象由 this 所引用，并且最后隱式的返回 this 。
var obj = {};
obj.__proto__ = Base.prototype;
Base.call(obj);
Q:js延遲加載的方式有哪些?
A:defer和async、動態創建DOM方式（創建script，插入到DOM中，加載完畢后callBack）、按需異步載入js
Q:如何解決跨域問題?
A:jsonp、 document.domain+iframe、window.name、window.postMessage、服務器上設置代理頁面
jsonp的原理是動態插入script標簽
