區別設計思想
react
1 函式式思想,all in js ,jsx語法,js操控css
2 單項資料流
3 setstate重新渲染
4 每當應用的狀態被改變時,全部子元件都會重新渲染。當然,這可以通過shouldcomponentupdate這個生命週期方法來進行控制,如果為true繼續渲染、false不渲染,但vue將此視為預設的優化。
vue1 響應式思想,也就是基於資料可變的。把html、js、css、組合到一起,也可以通過標籤引擎組合到乙個頁面中
2 雙向繫結,每乙個屬性都需要建立watch監聽(頁面不用,涉及到元件更新的話需要)
3 vue宣稱可以更快地計算出virtual dom的差異,這是由於它在渲染過程中,會跟蹤每乙個元件的依賴關係,不需要重新渲染整個元件樹
效能react ----大型專案
優化需要手動去做,狀態可控
vue ------中小型專案
狀態改變需要watch監聽,資料量太大的話會卡頓
擴充套件性react
1 類式寫法api少,更容易結合ts
2 可以通過高階元件來擴充套件
vue1 宣告式寫法,結合ts比較複雜
2 需要通過mixin方式來擴充套件
Vue 前端面試題
1.說一下 vue 的雙向繫結資料的原理 vue 實現資料雙向繫結主要是 採用資料劫持結合 發布者 訂閱者 模式的方式,通過object.defineproperty 來劫持各個屬性的setter getter,在資料變動時發布訊息給訂閱者,觸發相應監聽 2.解釋單向資料流和雙向資料繫結 單向資料流...
前端面試題(二)
一 h5儲存型別有什麼區別 localstorage 沒有時間限制的資料儲存,資料永遠不會過期,關閉瀏覽器也不會丟失 sessionstorage 針對session的乙個資料儲存,針對同乙個會話頁面中才能訪問,並且結束後,會話才能銷毀。限於視窗 cookie 單個cookie大小不能超過4kb,有...
前端面試題(Vue篇)
一 vue元件的scoped的作用 在style中加scoped屬性,表示它的樣式作用於當下模組,很好的實現樣式私有化的目的 但是在很多時候我們都要對公共樣式進行調整 但是寫在scoped屬性下無作用 解決方法 1 混合型使用 2 深度作用選擇器 如果想在scoped中影響到子元件的樣式可以使用 二...