優雅降級：Web站點在所有新式瀏覽器中都能正常工作，如果用戶使用的是老式瀏覽器，則代碼會檢查以確認它們是否能正常工作。由于IE獨特的盒模型布局問題，針對不同版本的IE的hack實踐過優雅降級了,為那些無法支持功能的瀏覽器增加候選方案，使之在舊式瀏覽器上以某種形式降級體驗卻不至于完全失效.
漸進增強：從被所有瀏覽器支持的基本功能開始，逐步地添加那些只有新式瀏覽器才支持的功能,向頁面增加無害于基礎瀏覽器的額外樣式和功能的。當瀏覽器支持時，它們會自動地呈現出來并發揮作用。
一個程序至少有一個進程，一個進程至少有一個線程。線程的劃分尺度小于進程，使得多線程程序的并發性高。
另外，進程在執行過程中擁有獨立的內存單元，而多個線程共享內存，從而極大地提高了程序的運行效率。
線程在執行過程中與進程還是有區別的。每個獨立的線程有一個程序運行的入口、順序執行序列和程序的出口。但是線程不能夠獨立執行，必須依存在應用程序中，由應用程序提供多個線程執行控制。
從邏輯角度來看，多線程的意義在于一個應用程序中，有多個執行部分可以同時執行。但操作系統并沒有將多個線程看做多個獨立的應用，來實現進程的調度和管理以及資源分配。這就是進程和線程的重要區別。
1：去掉或樣式丟失的時候能讓頁面呈現清晰的結構：html本身是沒有表現的，我們看到例如
2.屏幕閱讀器（如果訪客有視障）會完全根據你的標記來“讀”你的網頁。
3.PDA、手機等設備可能無法像普通電腦的瀏覽器一樣來渲染網頁（通常是因為這些設備對CSS的支持較弱）。
4.有利于SEO：和搜索引擎建立良好溝通，有助于爬蟲抓取更多的有效信息：爬蟲依賴于標簽來確定上下文和各個關鍵字的權重。
6.便于團隊開發和維護，語義化更具可讀性，是下一步吧網頁的重要動向，遵循W3C標準的團隊都遵循這個標準，可以減少差異化。
期待的解決方案包括：文件合并文件最小化/文件壓縮使用CDN托管緩存的使用（多個域名來提供緩存）其他。
1.CDN緩存更方便
2.突破瀏覽器并發限制（一般每個域名建立的鏈接不超過6個）
3.Cookieless，節省帶寬，尤其是上行帶寬一般比下行要慢
4.對于UGC的內容和主站隔離，防止不必要的安全問題(上傳js竊取主站cookie之類的)。正是這個原因要求用戶內容的域名必須不是自己主站的子域名，而是一個完全獨立的第三方域名。
5.數據做了劃分，甚至切到了不同的物理集群，通過子域名來分流比較省事。這個可能被用的不多。
PS:關于Cookie的問題，帶寬是次要的，安全隔離才是主要的。關于多域名，也不是越多越好，雖然服務器端可以做泛解釋，瀏覽器做dns解釋也是耗時間的，而且太多域名，如果要走https的話，還有要多買證書和部署的問題。
1.優化圖片
2.圖像格式的選擇（GIF：提供的顏色較少，可用在一些對顏色要求不高的地方）
3.優化CSS（壓縮合并css，如margin-top,margin-left...)
4.網址后加斜杠（如www.campr.com/目錄，會判斷這個“目錄是什么文件類型，或者是目錄。）
5.標明高度和寬度（如果瀏覽器沒有找到這兩個參數，它需要一邊下載圖片一邊計算大小，如果圖片很多，瀏覽器需要不斷地調整頁面。這不但影響速度，也影響瀏覽體驗。當瀏覽器知道了高度和寬度參數后，即使圖片暫時無法顯示，頁面上也會騰出圖片的空位，然后繼續加載后面的內容。從而加載時間快了，瀏覽體驗也更好了。）
6.減少http請求（合并文件，合并圖片）。
建議這個項目使用像EditorConfig(http://editorconfig.org/)之類的規范
為了保持一致性，接受項目原有的風格
直接使用VIM的retab命令
如果不使用JS來完成，可以加分。（如：純CSS實現的幻燈片效果）
Profiler,JSPerf（http://jsperf.com/nexttick-vs-setzerotimeout-vs-settimeout）,Dromaeo。
nodejs，html5，css3，less等。
w3c存在的意義就是讓瀏覽器兼容性問題盡量小，首先是他們對瀏覽器開發者的約束，然后是對開發者的約束。
FOUC(Flash Of Unstyled Content)--文檔樣式閃爍
此標簽可告知瀏覽器文檔使用哪種HTML或XHTML規范。該標簽可聲明三種DTD類型，分別表示嚴格版本、過渡版本以及基于框架的HTML文檔。 HTML 4.01規定了三種文檔類型：Strict、Transitional以及Frameset。 XHTML 1.0規定了三種XML文檔類型：Strict、Transitional以及Frameset。 Standards（標準）模式（也就是嚴格呈現模式）用于呈現遵循最新標準的網頁，而Quirks（包容）模式（也就是松散呈現模式或者兼容模式）用于呈現為傳統瀏覽器而設計的網頁。 W3C標準推出以后，瀏覽器都開始采納新標準，但存在一個問題就是如何保證舊的網頁還能繼續瀏覽，在標準出來以前，很多頁面都是根據舊的渲染方法編寫的，如果用的標準來渲染，將導致頁面顯示異常。為保持瀏覽器渲染的兼容性，使以前的頁面能夠正常瀏覽，瀏覽器都保留了舊的渲染方法（如：微軟的IE）。這樣瀏覽器渲染上就產生了Quircks mode和Standars mode，兩種渲染方法共存在一個瀏覽器上。IE盒子模型和標準W3C盒子模型：ie的width包括：padding\border。標準的width不包括：padding\border 在js中如何判斷當前瀏覽器正在以何種方式解析？ document對象有個屬性compatMode,它有兩個值：BackCompat對應quirks mode，CSS1Compat對應strict mode。 XHTML 與HTML的區別為： XHTML 元素必須被正確地嵌套。 XHTML 元素必須被關閉。 標簽名必須用小寫字母。 XHTML 文檔必須擁有根元素。 局限： 所有的 XHTML 元素都必須被正確地嵌套，XHTML 必須擁有良好的結構，所有的標簽必須小寫，并且所有的 XHTML 元素必須被關閉。所有的 XHTML 文檔必須擁有 DOCTYPE 聲明，并且 html、head、title 和 body 元素必須存在。雖然代碼更加的優雅，但缺少容錯性，不利于快速開發。 下面這些問題需要考慮： 應用字符集的選擇，選擇UTF-8編碼 語言書寫習慣&導航結構 數據庫驅動型網站 data-* 屬性用于存儲頁面或應用程序的私有自定義數據。data-* 屬性賦予我們在所有 HTML 元素上嵌入自定義 data 屬性的能力。存儲的（自定義）數據能夠被頁面的 JavaScript 中利用，以創建更好的用戶體驗（不進行 Ajax 調用或服務器端數據庫查詢）。 data-* 屬性包括兩部分： 屬性名不應該包含任何大寫字母，并且在前綴 'data-' 之后必須有至少一個字符 屬性值可以是任意字符串 關于第一個問題請看文章CSS之布局與定位 。 inline:此元素會被顯示為內聯元素，元素前后沒有換行符。 inline-block:行內塊元素。 如果有，請問是哪一套？如果可以，你如何改善CSS框架？ 請問你有使用過CSS Flexbox或者Grid specs嗎？如果有，請問在性能和效率的方面你是怎么看的？ JavaScript事件代理則是一種簡單的技巧，通過它你可以把事件處理器添加到一個父級元素上，這樣就避免了把事件處理器添加到多個子級元素上。當我們需要對很多元素添加事件的時候，可以通過將事件添加到它們的父節點而將事件委托給父節點來觸發處理函數。這主要得益于瀏覽器的事件冒泡機制。事件代理用到了兩個在JavaSciprt事件中常被忽略的特性：事件冒泡以及目標元素。 this永遠指向函數運行時所在的對象，而不是函數被創建時所在的對象。匿名函數或不處于任何對象中的函數指向window 。 1.如果是call，apply,with，指定的this是誰，就是誰。 2.普通的函數調用，函數被誰調用，this就是誰。 以下代碼展示了JS引擎如何查找屬性： 結合自己的項目經驗進行講述。（chrome使用技巧） 請看文章JavaScript之模塊化編程 散列表（也叫哈希表），是根據關鍵碼值直接進行訪問的數據結構。也就是說，它通過把關鍵碼值映射到表中一個位置來訪問記錄，以加快查找的速度。這個映射函數叫做散列函數，存放記錄的數組叫做散列表。 要做哪些改動使它變成IIFE? 因為在解析器解析全局的function或者function內部function關鍵字的時候，默認是認為function聲明，而不是function表達式，如果你不顯示告訴編譯器，它默認會聲明成一個缺少名字的function，并且拋出一個語法錯誤信息，因為function聲明需要一個名字。 JavaScript的最初版本是這樣區分的：null是一個表示'無'的對象，轉為數值時為0；undefined是一個表示'無'的原始值，轉為數值時為NaN。 但是，上面這樣的區分，在實踐中很快就被證明不可行。目前，null和undefined基本是同義的，只有一些細微的差別。 null表示'沒有對象'，即該處不應該有值。典型用法是： 用來初始化一個變量，這個變量可能被賦值為一個對象。 用來和一個已經初始化的變量比較，這個變量可以是也可以不是一個對象。 當函數的參數期望是對象時，被用作參數傳入。 當函數的返回值期望是對象時，被用作返回值傳出。 作為對象原型鏈的終點。 undefined表示'缺少值'，就是此處應該有一個值，但是還沒有定義。典型用法是： 變量被聲明了，但沒有賦值時，就等于undefined。 調用函數時，應該提供的參數沒有提供，該參數等于undefined。 對象沒有賦值的屬性，該屬性的值為undefined。 函數沒有返回值時，默認返回undefined。 null：表示無值；undefined：表示一個未聲明的變量，或已聲明但沒有賦值的變量，或一個并不存在的對象屬性。 ==運算符將兩者看作相等。如果要區分兩者，要使用===或typeof運算符。 以下是不正確的用法： exp為null時，也會得到與undefined相同的結果，雖然null和undefined不一樣。注意：要同時判斷undefined和null時可使用本法。 typeof返回的是字符串，有六種可能：'number'、'string'、'boolean'、'object'、'function'、'undefined'。 以下是正確的用法： JS中如何判斷null？ 以下是不正確的用法： exp為undefined時，也會得到與null相同的結果，雖然null和undefined不一樣。注意：要同時判斷null和undefined時可使用本法。 如果exp為undefined或者數字零，也會得到與null相同的結果，雖然null和二者不一樣。注意：要同時判斷null、undefined和數字零時可使用本法。 為了向下兼容，exp為null時，typeof總返回object。這種方式也不太好。 以下是正確的用法： 包就是能夠讀取其他函數內部變量的函數。由于在Javascript語言中，只有函數內部的子函數才能讀取局部變量，因此可以把閉包簡單理解成“定義在一個函數內部的函數”。 所以，在本質上，閉包就是將函數內部和函數外部連接起來的一座橋梁。閉包可以用在許多地方。它的最大用處有兩個，一個是前面提到的可以讀取函數內部的變量，另一個就是讓這些變量的值始終保持在內存中。 使用閉包的注意點： 由于閉包會使得函數中的變量都被保存在內存中，內存消耗很大，所以不能濫用閉包，否則會造成網頁的性能問題，在IE中可能導致內存泄露。解決方法是，在退出函數之前，將不使用的局部變量全部刪除。 閉包會在父函數外部，改變父函數內部變量的值。所以，如果你把父函數當作對象（object）使用，把閉包當作它的公用方法（Public Method），把內部變量當作它的私有屬性（private value），這時一定要小心，不要隨便改變父函數內部變量的值。 （關于閉包，詳細了解請看JavaScript之作用域與閉包詳解） 自執行函數，用閉包模擬私有變量、特權函數等。 如果有提到無污染的命名空間，可以考慮加分。 如果你的模塊沒有自己的命名空間會怎么樣？ 請看文章-JavaScript之模塊化編程 和JavaScript之命名空間模式 淺析13.doctype（文檔類型）的作用是什么？你知道多少種文檔類型？
14.瀏覽器標準模式和怪異模式之間的區別是什么？
15.使用XHTML的局限有哪些？
16.如果網頁內容需要支持多語言，你會怎么做？
17.data-屬性的作用是什么？
18.如果把HTML5看作做一個開放平臺，那它的構建模塊有哪些？
38.請解釋一下relative、fixed、absolute和static元素的區別？請解釋一下inline和inline-block的區別？
39.你目前在使用哪一套CSS框架，或者在產品線上使用過哪一套？(Bootstrap,PureCSS,Foundation等等)
40.解釋下事件代理。
1 function getEventTarget(e) {2 e=e||window.event;3 return e.target||e.srcElement;4 }41.解釋下JavaScript中this是如何工作的。
42.解釋下原型繼承的原理。
1 function getProperty(obj,prop) {2 if (obj.hasOwnProperty(prop)) {3 return obj[prop];4 } else if (obj.__proto__!==null) {5 return getProperty(obj.__proto__,prop);6 } else {7 return undefined;8 }9 }下圖展示的原（prototype）的關聯：
43.你是如何測試JavaScript代碼的？
44.AMD vs.CommonJS？
45.什么是哈希表？
46.解釋下為什么接下來這段代碼不是IIFE(立即調用的函數表達式)：function foo(){}();.
1 var foo = function() {2 // doSomeThing.3 }；4 5 foo();47.描述以下變量的區別：null，undefined或undeclared？
該如何檢測它們？
1 var exp = undefined;2 3 if (exp == undefined) {4 alert('undefined');5 }1 var exp = undefined;2 3 if(typeof(exp) == undefined) {4 alert('undefined');5 }1 var exp = null;2 3 if(exp == null) {4 alert('is null');5 }1 var exp=null;2 3 if(!exp) {4 alert('is null');5 }1 var exp = null;2 3 if(typeof(exp) == 'null') {4 alert('is null');5 }1 var exp = null;2 3 if(!exp&&typeof(exp) != 'undefined' && exp != 0) {4 alert('is null');5 }48.什么是閉包，如何使用它，為什么要使用它？
49.請舉出一個匿名函數的典型用例？
50.解釋“JavaScript模塊模式”以及你在何時使用它。
喜歡編程的寶寶可以加大牛微信 tang365666，備注數字2 ，即可免費獲取更多編程學習視頻，以及面試題，一定記得備注數字2
