前言
金三銀四，國內互聯網招聘市場繼續發力，崗位競爭空前激烈，問了幾位 HR 朋友，發現了幾種聲音：
“投簡歷的人挺多，但是合適的卻很少，”
“好不容易挖來人，結果2輪面試被刷了，現在大廠搬磚的也是參差不齊…”
“在招前端，要么學歷不夠，要么只會紙上談兵，要么能力一般，還獅子大張口…”
好崗位的確不缺，匹配者卻很少，
大廠，高薪，高等級人人想要，門檻卻一個比一個高，
不過，話說回來，跳槽成功的人確實也不在少數，福利待遇也確實不賴，前不久，朋友超人就通過三輪面試，跳槽進了阿里，繼續做前端，
所以說，打鐵還需自身硬，他做了三年前端，作業務實，能干，跳槽大廠也在情理之中！
說到面試，問了他的情況，他說“ Vue實作原理問挺多，還有它的各種優化手段，再有就是業務邏輯…“
照此看來，對于現在的前端求職者，只會用 Vue是不夠的了，還需深挖它的內部框架和實作原理，
接下來，超全的前端 Vue學習資料這就來啦，需要的朋友趕緊收藏~
Vue知識要點
為什么 Vuex的mutation中不能做異步操作？
- Vuex中所有的狀態更新的唯一途徑都是mutation，異步操作通過 Action 來提交 mutation實作，這樣使得我們可以方便地跟蹤每一個狀態的變化，從而讓我們能夠實作一些工具幫助我們更好地了解我們的應用，
- 每個mutation執行完成后都會對應到一個新的狀態變更，這樣devtools就可以打個快照存下來，然后就可以實作 time-travel 了，如果mutation支持異步操作，就沒有辦法知道狀態是何時更新的，無法很好的進行狀態的追蹤，給除錯帶來困難，
為什么v-for和v-if不建議用在一起
- 當 v-for 和 v-if 處于同一個節點時，v-for 的優先級比 v-if 更高，這意味著 v-if 將分別重復運行于每個 v-for 回圈中，如果要遍歷的陣列很大，而真正要展示的資料很少時，這將造成很大的性能浪費
- 這種場景建議使用 computed，先對資料進行過濾
組件中的data為什么是一個函式？
- 一個組件被復用多次的話，也就會創建多個實體，本質上，這些實體用的都是同一個建構式，
- 如果data是物件的話，物件屬于參考型別，會影響到所有的實體，所以為了保證組件不同的實體之間data不沖突，data必須是一個函式，
nextTick的實作原理是什么？
- 在下次 DOM 更新回圈結束之后執行延遲回呼，在修改資料之后立即使用 nextTick 來獲取更新后的 DOM，
- nextTick主要使用了宏任務和微任務，
- 根據執行環境分別嘗試采用Promise、MutationObserver、setImmediate，如果以上都不行則采用setTimeout定義了一個異步方法，多次呼叫nextTick會將方法存入佇列中，通過這個異步方法清空當前佇列，
Vue不能檢測陣列的哪些變動？Vue 怎么用 vm.$set() 解決物件新增屬性不能回應的問題？
- Vue 不能檢測以下陣列的變動：
- 第一類問題
// 法一：Vue.set Vue.set(vm.items, indexOfItem, newValue)
// 法二：Array.prototype.splice vm.items.splice(indexOfItem, 1, newValue) - 第二類問題，可使用 splice：vm.items.splice(newLength)
- 當你利用索引直接設定一個陣列項時，例如vm.items[indexOfItem] = newValue
- 當你修改陣列的長度時，例如：vm.items.length = newLength
解決辦法：
- 第一類問題
- vm. $set 的實作原理是：
- 如果目標是陣列，直接使用陣列的 splice 方法觸發相應式；
- 如果目標是物件，會先判讀屬性是否存在、物件是否是回應式，最終如果要對屬性進行回應式處理，則是通過呼叫defineReactive 方法進行回應式處理（ defineReactive 方法就是 Vue 在初始化物件時，給物件屬性采用 Object.defineProperty 動態添加 getter 和 setter 的功能所呼叫的方法）
Vue中組件生命周期呼叫順序是什么樣的？
- 組件的呼叫順序都是先父后子,渲染完成的順序是先子后父，
- 組件的銷毀操作是先父后子，銷毀完成的順序是先子后父，
Vue 熱點面試題
- vue-cli工程
- vue核心知識點
- vue-router
- vuex
- http請求
- UI樣式
- 常用功能
- MVVM設計模式
Web前端資料，思維導圖+實戰原始碼+知識點、面試題+精品課程
【完整資料下載地址（點擊此處）】
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/276238.html
標籤：其他