前端面試題(二)vue和react的區別

2021-10-02 05:15:37 字數 621 閱讀 6068

區別設計思想

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中影響到子元件的樣式可以使用 二...