1、一次完整的HTTP事務是怎樣的一個過程？
基本流程：
a. 域名解析
b. 發起TCP的3次握手
c. 建立TCP連接後發起http請求
d. 伺服器端響應http請求，瀏覽器得到html代碼
e. 瀏覽器解析html代碼，並請求html代碼中的資源
f. 瀏覽器對頁面進行渲染呈現給用戶
2、對前端工程師這個職位你是怎麼樣理解的？
a. 前端是最貼近用戶的程式設計師，前端的能力就是能讓產品從 90分進化到 100 分，甚至更好
b. 參與項目，快速高質量完成實現效果圖，精確到1px；
c. 與團隊成員，UI設計，產品經理的溝通；
d. 做好的頁面結構，頁面重構和用戶體驗；
e. 處理hack，兼容、寫出優美的代碼格式；
f. 針對伺服器的優化、擁抱最新前端技術。
3、MVC、MVVM
1、MVC
模型（Model）：數據保存視圖（View）：用戶界面控制器（Controller）：業務邏輯(1)View 傳送指令到 Controller(2)Controller 完成業務邏輯後，要求 Model 改變狀態(3)Model 將新的數據發送到 View ，用戶得到反饋所有通信都是單向的。2、MVVM
模型（Model）視圖（View）視圖模型（ViewModel）(1)各部分間都是雙向通信(2)View 與 Model 不發生聯繫，都通過 ViewModel 傳遞(3)View 非常薄，不部署任何業務邏輯，稱為「被動視圖」（Passive View），即沒有任何主動性；而 ViewModel 非常厚，所有邏輯都部署在那裡採用雙向綁定（data-binding）：View 的變動，自動反映在 ViewModel ，反之亦然。jquery面試題
4、$(document).ready() 是個什麼函數？為什麼要用它？
這 個問題很重要，並且常常被問到。 ready() 函數用於在文檔進入ready狀態時執行代碼。當DOM 完全加載（例如HTML被完全解析DOM樹構建完成時），jQuery允許你執行代碼。使用$(document).ready()的最大好處在於它適用 於所有瀏覽器，jQuery幫你解決了跨瀏覽器的難題。需要進一步了解的用戶可以點擊 answer連結查看詳細討論。
5、 JavaScript window.onload 事件和 jQuery ready 函數有何不同？
這 個問答是緊接著上一個的。JavaScript window.onload 事件和 jQuery ready 函數之間的主要區別是，前者除了要等待 DOM 被創建還要等到包括大型圖片、音頻、視頻在內的所有外部資源都完全加載。如果加載圖片和媒體內容花費了大量時間，用戶就會感受到定義在 window.onload 事件上的代碼在執行時有明顯的延遲。
另 一方面，jQuery ready() 函數只需對 DOM 樹的等待，而無需對圖像或外部資源加載的等待，從而執行起來更快。使用 jQuery $(document).ready() 的另一個優勢是你可以在網頁裡多次使用它，瀏覽器會按它們在 HTML 頁面裡出現的順序執行它們，相反對於 onload 技術而言，只能在單一函數裡使用。鑑於這個好處，用 jQuery ready() 函數應用 JavaScript window.onload 事件要更好些。
6、 如何找到所有 HTML select 標籤的選中項？
這是面試裡比較棘手的 jQuery 問題之一。這是個基礎的問題，但是別期望每個 jQuery 初學者都知道它。你能用下面的 jQuery 選擇器獲取所有具備 multiple=true 的 標籤的選中項：$('[name=NameOfSelectedTag] :selected')這段代碼結合使用了屬性選擇器和 :selected 選擇器，結果只返回被選中的選項。你可按需修改它，比如用 id 屬性而不是 name 屬性來獲取 標籤。
7、jQuery 裡的 each() 是什麼函數？你是如何使用它的？
each() 函數就像是 Java 裡的一個 Iterator，它允許你遍歷一個元素集合。你可以傳一個函數給 each() 方法，被調用的 jQuery 對象會在其每個元素上執行傳入的函數。有時這個問題會緊接著上面一個問題，舉個例子，如何在 alert 框裡顯示所有選中項。我們可以用上面的選擇器代碼找出所有選中項，然後我們在 alert 框中用 each() 方法來一個個列印它們，代碼如下：
$('[name=NameOfSelectedTag] :selected').each(function(selected) {
alert($(selected).text());
});
其中 text() 方法返回選項的文本。
8、 $(this) 和 this 關鍵字在 jQuery 中有何不同？
這 對於很多 jQuery 初學者來說是一個棘手的問題，其實是個簡單的問題。$(this) 返回一個 jQuery 對象，你可以對它調用多個 jQuery 方法，比如用 text() 獲取文本，用val() 獲取值等等。而 this 代表當前元素，它是 JavaScript 關鍵詞中的一個，表示上下文中的當前 DOM 元素。你不能對它調用 jQuery 方法，直到它被 $() 函數包裹，例如 $(this)。
9、你如何使用jQuery來提取一個HTML 標記的屬性 例如.連結的href?
attr() 方法被用來提取任意一個HTML元素的一個屬性的值. 你首先需要利用jQuery選擇及選取到所有的連結或者一個特定的連結，然後你可以應用attr()方法來獲得他們的href屬性的值。下面的代碼會找到頁面中所有的連結並返回href值：
$('a').each(function(){
alert($(this).attr('href'));
});
10、jQuery中 detach() 和 remove() 方法的區別是什麼?
盡 管 detach() 和 remove() 方法都被用來移除一個DOM元素, 兩者之間的主要不同在於 detach() 會保持對過去被解除元素的跟蹤, 因此它可以被取消解除, 而 remove() 方法則會保持過去被移除對象的引用. 你也還可以看看 用來向DOM中添加元素的 appendTo() 方法.
11、 使用 CDN 加載 jQuery 庫的主要優勢是什麼 ?
這 是一個稍微高級點兒的jQuery問題。好吧，除了報錯節省伺服器帶寬以及更快的下載速度這許多的好處之外, 最重要的是，如果瀏覽器已經從同一個CDN下載類相同的 jQuery 版本, 那麼它就不會再去下載它一次. 因此今時今日，許多公共的網站都將jQuery用於用戶交互和動畫, 如果瀏覽器已經有了下載好的jQuery庫，網站就能有非常好的展示機會。
12、 jQuery 中的方法鏈是什麼？使用方法鏈有什麼好處？
方法鏈是對一個方法返回的結果調用另一個方法，這使得代碼簡潔明了，同時由於只對 DOM 進行了一輪查找，性能方面更加出色。
13、你要是在一個 jQuery 事件處理程序裡返回了 false 會怎樣？
這通常用於阻止事件向上冒泡。
14、哪種方式更高效：document.getElementbyId(「myId」) 還是 $(「#myId」)？
第一種，因為它直接調用了 JavaScript 引擎。