【前端面試】字節(jié)跳動2019校招面經(jīng) - 前端開發(fā)崗（二）

因為之前的一篇篇幅有限，太長了看著也不舒服，所以還是另起一篇吧?

一、 jQuery和Vue的區(qū)別

jQuery 輕量級Javascript庫
Vue 漸進(jìn)式Javascript-MVVM框架

jQuery和Vue的對比

jQuery使用了選擇器（$函數(shù)）選取DOM對象，對其進(jìn)行賦值、取值、事件綁定等操作，和原生的HTML的區(qū)別只在于可以更方便的選取和操作DOM對象，而數(shù)據(jù)和界面是在一起的。比如需要獲取label標(biāo)簽的內(nèi)容：$("lable").val();,它還是依賴DOM元素的值。

Vue通過Vue對象和數(shù)據(jù)的雙向綁定機(jī)制，將數(shù)據(jù)和View完全分離開來。在Vue中，對數(shù)據(jù)進(jìn)行操作不再需要引用相應(yīng)的DOM對象，可以說數(shù)據(jù)和View是分離的。

再說一些Vue相比jQuery而言所具有的優(yōu)勢

• 組件化開發(fā)，提高代碼的復(fù)用
• 數(shù)據(jù)和視圖分離，便于維護(hù)和操作
• 虛擬DOM，在無需關(guān)心DOM操作的基礎(chǔ)上，依然提供了可靠的性能

二、 模擬jQuery的選擇器（$()）實現(xiàn)

源碼如下

(function(){jQuery = function( selector, context ) {// The jQuery object is actually just the init constructor 'enhanced'return new jQuery.fn.init( selector, context, rootjQuery );};if ( typeof window === "object" && typeof window.document === "object" ) {window.jQuery = window.$ = jQuery;} })();

最簡單的方法

僅僅對于IE8及以上有效 (function(){var jQuery = function(selector){return document.querySelectorAll(selector);};window.jQuery = window.$ = jQuery; })();

querySelectorAll()返回的是DOM原生element對象
而jQuery的選擇器返回的是jQuery的包裝對象，同時包含了原生DOM對象和一些jQuery的構(gòu)造函數(shù)所具有的屬性

稍微復(fù)雜一點的實現(xiàn)方法

(function(){var jQuery = function(selector){var result = {};if (selector.substring(0,1) === "#") {result = document.getElementById(selector.substring(1));// this.tqOjbect.data.push(elem);} else if (selector.substring(0,1) === ".") {result = document.getElementsByClassName(selector.substring(1));} else {result = document.getElementsByTagName(selector);}return result;};window.jQuery = window.$ = jQuery; })();

三、jQuery的鏈?zhǔn)秸{(diào)用實現(xiàn)

var MyJQ = function(){} MyJQ.prototype = {css:function(){console.log("設(shè)置css樣式");return this;},show:function(){console.log("將元素顯示");return this;},hide:function(){console.log("將元素隱藏");}}; var myjq = new MyJQ(); myjq.css().css().show().hide();

四、網(wǎng)絡(luò)模型知識

總結(jié)

以上是生活随笔為你收集整理的【前端面试】字节跳动2019校招面经 - 前端开发岗（二）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。