面試官版前端面試小冊Vue篇(二)

2022-06-08 21:33:09 字數 1944 閱讀 8857

答案:

computed:預設computed也是乙個watcher具備快取,只有當依賴的資料變化時才會計算, 當資料沒有變化時, 它會讀取快取資料。如果乙個資料依賴於其他資料,使用computed

watch:每次都需要執行函式。watch更適用於資料變化時的非同步操作。如果需要在某個資料變化時做一些事情,使用watch。

method:只要把方法用到模板上了,每次一變化就會重新渲染檢視,效能開銷大

答案:

答案

v-for會比v-if的優先順序更高,連用的話會把v-if的每個元素都新增一下,造成效能問題。

答案

答案

渲染元件時,會通過vue.extend()方法構建子元件的建構函式,並進行例項化。最終手動呼叫$mount()進行掛載。更新元件時會進行patchvnode流程,核心就是diff演算法。

答案

避免元件中的資料互相影響。同乙個元件被復用多次會建立多個例項,如果data是乙個物件的話,這些例項用的是同乙個建構函式。為了保證元件的資料獨立,要求每個元件都必須通過data函式返回乙個物件作為元件的狀態。

答案

節省打包出的結果,非同步元件分開打包,採用jsonp的方式進行載入,有效解決檔案過大的問題。

核心就是包元件定義變成乙個函式,依賴import()語法,可以實現檔案的分割載入。

詳細的看官方文件:cn.vuejs.org/v2/guide/co…

答案

答案

答案

答案

其實就是考察vue.mixin用法,給元件每個生命週期,函式都混入一些公共邏輯。

答案

keep-alive可以實現元件的快取,當元件切換時不會對當前元件進行解除安裝。常用的2個屬性include/exclude,2個生命週期activateddeactivated

答案

編碼優化

vue載入效能優化

使用者體驗

shellapp殼

pwa

seo優化

Web前端面試官是如何面試求職者?

一般企業會從下面幾個方面來考察面試者 1 考察對方專業知識,根據對方的回答再進行深入提問。考察專業知識這點已經是共識了。只有專業知識符合了,才能有機會進行下面的面試階段。2 詢問對方感興趣的技術是什麼 技術方面 然後根據他所說的技術,深入挖掘問下去。因為在面試官看來,如果你連感興趣的東西都了解得不多...

騰訊前端面試篇(二)

這一面問的問題不多,問了一下網路相關的問題,還問了幾個智力題,其他都為機試!來來來,廢話不說,乾貨搞起來!1.從輸入url到頁面載入發生了什麼?答案 1 瀏覽器的位址列輸入url並按下回車。2 瀏覽器查詢當前url是否存在快取,並比較快取是否過期。3 dns解析url對應的ip。4 根據ip建立tc...

前端面試題(Vue篇)

一 vue元件的scoped的作用 在style中加scoped屬性,表示它的樣式作用於當下模組,很好的實現樣式私有化的目的 但是在很多時候我們都要對公共樣式進行調整 但是寫在scoped屬性下無作用 解決方法 1 混合型使用 2 深度作用選擇器 如果想在scoped中影響到子元件的樣式可以使用 二...