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 引擎。