add.attribute向前端传_前端知识-概念篇
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 引擎。
總結
以上是生活随笔為你收集整理的add.attribute向前端传_前端知识-概念篇的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： python 爬取大乐透开奖结果
- 下一篇： dto 是只给前端需要的数据吗_DO、V