答案:
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個生命週期activated
,deactivated
答案
編碼優化:
vue載入效能優化
使用者體驗
shellap
p殼
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中影響到子元件的樣式可以使用 二...