1. 程式人生 > 其它 >2021前端面試題

2021前端面試題

1.vue 生命週期
created 可以獲取到data中的資料 不能獲取真實dom
常用於發起網路請求和註冊全域性的事件

真實dom掛載之前 beforeMounted()
預處理data,不會觸發updated鉤子函式
真實dom掛載以後 mounted() 可以獲取到真實dom了

更新 data資料改變才執行
updated鉤子 當資料發生改變並更新頁面後 可以獲取真實dom
銷燬destoryed 移除全域性事件,移除當前元件,計時器,定時器 , eventBus移除事件$off方法


2.v-if和v-show的區別
v-if會根據判斷條件來動態增刪dom元素,v-show是根據判斷條件來進行顯示和隱藏元素頻繁的進行增刪dom操作會影響頁面載入速度和效能
專案程式不大的時候都可以 v-if 影響不大
專案程式大的時候不推薦使用v-if來進行判斷展示和隱藏,推薦使用v-show

3.vuex
state是放置所有公共狀態的屬性
mutations修改state的方法 同步 引數 state和payload
actions 非同步方法修改資料 引數context 相當於this.$store store的執行例項
getters所有vuex的計算屬性

4.狀態碼
200 請求已成功,
201 請求成功,伺服器正在建立請求的資源
401 請求需要請求者驗證
403 伺服器拒絕該請求
404 找不到請求網頁
500 伺服器程式碼報錯

5.mvvm
View 是檢視層,也就是使用者介面。前端主要由 HTML 和 CSS 來構建 。
Model 是指資料模型,泛指後端進行的各種業務邏輯處理和資料操控,對於前端來說就是後端提供的 api 介面。
ViewModel 是由前端開發人員組織生成和維護的檢視資料層。