Web前端面試題及答案
混合開發橋接api是怎麼調用的，需要引入類庫嘛？ 調用的對象是什麼？
Hybrid框架結構HyBrid App = H5 App + Native框架H5App用來實現功能邏輯和頁面渲染 Native框架提供WebView和設備接口供H5調用方案一種混合應用，在開發原生應用的基礎上，嵌入WebView但是整體的架構使用原生應用提供，一般這樣的開發由Native開發人員和Web前端開發人員組成。
Native開發人員會寫好基本的架構以及API讓Web開發人員開發界面以及大部分的渲染。保證到交互設 計，以及開發都有一個比較折中的效果出來，優化得好也會有很棒的效果。 Hybrid App技術發展的早期，Web的運行性能成為主要瓶頸！
為解決性能問題Hybrid App走向『重混」。通過多WebView:實現流暢的多頁加載和轉場動畫。使用Navtive UI組件：框架、菜單、日期等。『重混」的優缺點，優點： 一提升了運行性能 一增強了交互體驗
缺點一：Web和Native技術交叉混雜，只需要同時掌握Web和Native技術，學習難度增加，一個頁面有Web組件也有Native組件，編程調試困難，需要引入各自需要的各種依賴工具。方案二：輕混合應用，使用PhoneGap、AppCan之類的中間件，以WebView作為用 戶界面層，以Javascript作為基本邏輯，以及和中間件通訊，再由中間件訪問底層API的方式，進行應用開發。
這種架構一般會非常依賴WebView層的性能。隨著時代的發展，手機硬體、瀏覽器技術、無線網絡技術都得到了大幅的提升，H5已經可 以支持複雜應用，並擁有良好的運行性能。使用輕混方案的App也越來越多。目前我們要學習的Hybrid App開發就是方案二，使用H5+Js+Native框架開發當前輕混合應用。
Phonegap 引入phonegap.js 或者 cordova.js,對象為 navigator Dcloud引入引入mui.js或者其他的js組件，對象為plus apiloud引入各種第三方插件，對象為api 順便提一下，2012年8月，微信公眾平臺的上線，重新定義了移動應用：移動應用 =Iphone App + Android App + 微信 App。
單個組件怎麼測試性能
React組件測試框架用mocha,測試庫用官方的測試工具庫，也可使用第三方庫Enzyme,建議使用第三方的。
vue的雙向綁定的原理，和angular的對比
在不同的MWM框架中，實現雙向數據綁定的技術有所不同。 AngulaJS採用『『髒值檢測」的方式，數據發生變更後，對於所有的數據和視圖的綁定關係進 行一次檢測，識別是否有數據發生了改變，有變化進行處理，可能進一步引發其他數據的改 變，所以這個過程可能會循環幾次，一直到不再有數據變化發生後，將變更的數據發送到視 圖，更新頁面展現。如果是手動對ViewModel的數據進行變更，為確保變更同步到視圖， 需要手動觸發一次『『閾值檢測」。 VueJS則使用ES5提供的〇bject.defineProperty()方法，監控對數據的操作，從而可以自 動觸發數據同步。並且，由於是在不同的數據上觸發同步，可以精確地將變更發送給綁定的 視圖，而不是對所有的數據都執行一次檢測。
以上就是小編今天整理提供的Web前端開發面試題，希望為Web前端同學提供了有用的面試素材，以後小編每日均會提供Python及Web相關的習題。