前端:與Vue.js框架及其生態相關的200多道面試題,你都會嗎?

鏈接:https://github.com/haizlin/fe-interview/blob/master/lib/Vue.md

Vue框架相關

  • vue渲染模板時怎麼保留模板中的HTML註釋呢?
  • Vue.observable你有了解過嗎?說說看
  • 你知道style加scoped屬性的用途和原理嗎?
  • 你期待vue3.0有什麼功能或者改進的地方?
  • vue邊界情況有哪些?
  • 如何在子組件中訪問父組件的實例?
  • watch的屬性用箭頭函數定義結果會怎麼樣?
  • 在vue項目中如果methods的方法用箭頭函數定義結果會怎麼樣?
  • 在vue項目中如何配置favicon?
  • 你有使用過babel-polyfill模塊嗎?主要是用來做什麼的?
  • 說說你對vue的錯誤處理的瞭解?
  • 在vue事件中傳入$event,使用e.target和e.currentTarget有什麼區別?
  • 在.vue文件中style是必須的嗎?那script是必須的嗎?為什麼?
  • vue怎麼實現強制刷新組件?
  • vue自定義事件中父組件怎麼接收子組件的多個參數?
  • 實際工作中,你總結的vue最佳實踐有哪些?
  • vue給組件綁定自定義事件無效怎麼解決?
  • vue的屬性名稱與method的方法名稱一樣時會發生什麼問題?
  • vue變量名如果以_、$開頭的屬性會發生什麼問題?怎麼訪問到它們的值?
  • vue使用v-for遍歷對象時,是按什麼順序遍歷的?如何保證順序?
  • vue如果想擴展某個現有的組件時,怎麼做呢?
  • 說下$attrs和$listeners的使用場景
  • 分析下vue項目本地開發完成後部署到服務器後報404是什麼原因呢?
  • v-once的使用場景有哪些?
  • 說說你對vue的表單修飾符.lazy的理解
  • vue為什麼要求組件模板只能有一個根元素?
  • EventBus註冊在全局上時,路由切換時會重複觸發事件,如何解決呢?
  • 怎麼修改vue打包後生成文件路徑?
  • 你有使用做過vue與原生app交互嗎?說說vue與ap交互的方法
  • 使用vue寫一個tab切換
  • vue中什麼是遞歸組件?舉個例子說明下?
  • 怎麼訪問到子組件的實例或者子元素?
  • 在子組件中怎麼訪問到父組件的實例?
  • 在組件中怎麼訪問到根實例?
  • 說說你對Object.defineProperty的理解
  • vue組件裡寫的原生addEventListeners監聽事件,要手動去銷燬嗎?為什麼?
  • vue組件裡的定時器要怎麼銷燬?
  • vue組件會在什麼時候下被銷燬?
  • 使用vue渲染大量數據時應該怎麼優化?說下你的思路!
  • 在vue中使用this應該注意哪些問題?
  • 你有使用過JSX嗎?說說你對JSX的理解
  • 說說組件的命名規範
  • 怎麼配置使vue2.0+支持TypeScript寫法?
  • <template></template>有什麼用?
  • vue的is這個特性你有用過嗎?主要用在哪些方面?
  • vue的:class和:style有幾種表示方式?
  • 你瞭解什麼是函數式組件嗎?
  • vue怎麼改變插入模板的分隔符?
  • 組件中寫name選項有什麼作用?
  • 說說你對provide和inject的理解
  • 開發過程中有使用過devtools嗎?
  • 說說你對slot的理解有多少?slot使用場景有哪些?
  • 你有使用過動態組件嗎?說說你對它的理解
  • prop驗證的type類型有哪幾種?
  • prop是怎麼做驗證的?可以設置默認值嗎?
  • 怎麼緩存當前打開的路由組件,緩存後想更新當前組件怎麼辦呢?
  • 說說你對vue組件的設計原則的理解
  • 你瞭解vue的diff算法嗎?
  • vue如何優化首頁的加載速度?
  • vue打包成最終的文件有哪些?
  • ajax、fetch、axios這三都有什麼區別?
  • vue能監聽到數組變化的方法有哪些?為什麼這些方法能監聽到呢?
  • vue中是如何使用event對象的?
  • vue首頁白屏是什麼問題引起的?如何解決呢?
  • 說說你對單向數據流和雙向數據流的理解
  • 移動端ui你用的是哪個ui庫?有遇到過什麼問題嗎?
  • 你知道nextTick的原理嗎?
  • 說說你對v-clock和v-pre指令的理解
  • 寫出你知道的表單修飾符和事件修飾符
  • 說說你對proxy的理解
  • 你有自己用vue寫過UI組件庫嗎?
  • 用vue怎麼實現一個換膚的功能?
  • 有在vue中使用過echarts嗎?踩過哪些坑?如何解決的?
  • 如果讓你教一個2-3年經驗前端經驗的同事使用vue,你該怎麼教?
  • vue性能的優化的方法有哪些?
  • SSR解決了什麼問題?有做過SSR嗎?你是怎麼做的?
  • 說說你覺得認為的vue開發規範有哪些?
  • vue部署上線前需要做哪些準備工作?
  • vue過渡動畫實現的方式有哪些?
  • vue在created和mounted這兩個生命週期中請求數據有什麼區別呢?
  • vue父子組件雙向綁定的方法有哪些?
  • vue怎麼獲取DOM節點?
  • vue項目有做過單元測試嗎?
  • vue項目有使用過npm run build --report嗎?
  • 如何解決vue打包vendor過大的問題?
  • webpack打包vue速度太慢怎麼辦?
  • vue在開發過程中要同時跟N個不同的後端人員聯調接口(請求的url不一樣)時你該怎麼辦?
  • vue要做權限管理該怎麼做?如果控制到按鈕級別的權限怎麼做?
  • 說下你的vue項目的目錄結構,如果是大型項目你該怎麼劃分結構和劃分組件呢?
  • 在移動端使用vue,你覺得最佳實踐有哪些?
  • 你們項目為什麼會選vue而不選擇其它的框架呢?
  • 對於即將到來的vue3.0特性你有什麼瞭解的嗎?
  • vue開發過程中你有使用什麼輔助工具嗎?
  • vue和微信小程序寫法上有什麼區別?
  • 怎麼緩存當前的組件?緩存後怎麼更新?
  • 你瞭解什麼是高階組件嗎?可否舉個例子說明下?
  • 為什麼我們寫組件的時候可以寫在.vue裡呢?可以是別的文件名後綴嗎?
  • vue-loader是什麼?它有什麼作用?
  • 說說你對vue的extend(構造器)的理解,它主要是用來做什麼的?
  • 如果將axios異步請求同步化處理?
  • 怎麼捕獲組件vue的錯誤信息?
  • 為什麼vue使用異步更新組件?
  • 如何實現一個虛擬DOM?說說你的思路
  • 寫出多種定義組件模板的方法
  • SPA單頁面的實現方式有哪些?
  • 說說你對SPA單頁面的理解,它的優缺點分別是什麼?
  • 說說你都用vue做過哪些類型的項目?
  • 在vue項目中如何引入第三方庫(比如jQuery)?有哪些方法可以做到?
  • 使用vue手寫一個過濾器
  • 你有使用過render函數嗎?有什麼好處?
  • 寫出你常用的指令有哪些?
  • 手寫一個自定義指令及寫出如何調用
  • 組件進來請求接口時你是放在哪個生命週期?為什麼?
  • 你有用過事件總線(EventBus)嗎?說說你的理解
  • 說說vue的優缺點分別是什麼?
  • DOM渲染在哪個週期中就已經完成了?
  • 第一次加載頁面時會觸發哪幾個鉤子?
  • vue生命週期總共有幾個階段?
  • vue生命週期的作用是什麼?
  • vue和angular有什麼區別呢?
  • 如何引入scss?引入後如何使用?
  • 使用vue開發過程你是怎麼做接口管理的?
  • 為何官方推薦使用axios而不用vue-resource?
  • 你瞭解axios的原理嗎?有看過它的源碼嗎?
  • 你有封裝過axios嗎?主要是封裝哪方面的?
  • 如何中斷axios的請求?
  • axios是什麼?怎樣使用它?怎麼解決跨域的問題?
  • 說說你對vue的template編譯的理解?
  • v-on可以綁定多個方法嗎?
  • vue常用的修飾符有哪些?列舉並說明
  • 你認為vue的核心是什麼?
  • v-model是什麼?有什麼用呢?
  • 說說你對vue的mixin的理解,有什麼應用場景?
  • SPA首屏加載速度慢的怎麼解決?
  • 刪除數組用delete和Vue.delete有什麼區別?
  • 動態給vue的data添加一個新的屬性時會發生什麼?怎樣解決?
  • 組件和插件有什麼區別?
  • 說說你使用vue過程中遇到的問題(坑)有哪些,你是怎麼解決的?
  • 說說你對選項el,template,render的理解
  • vue實例掛載的過程是什麼?
  • vue在組件中引入插件的方法有哪些?
  • v-if和v-for的優先級是什麼?如果這兩個同時出現時,那應該怎麼優化才能得到更好的性能?
  • 分別說說vue能監聽到數組或對象變化的場景,還有哪些場景是監聽不到的?無法監聽時有什麼解決方案?
  • $nextTick有什麼作用?
  • 為什麼data屬性必須聲明為返回一個初始數據對應的函數呢?
  • 怎麼在watch監聽開始之後立即被調用?
  • watch怎麼深度監聽對象變化?
  • watch和計算屬性有什麼區別?
  • vue如何監聽鍵盤事件?
  • v-for循環中key有什麼作用?
  • 怎麼在vue中使用插件?
  • 你有寫過自定義組件嗎?
  • 說說你對keep-alive的理解是什麼?
  • 怎麼使css樣式只在當前組件中生效?
  • 你有看過vue的源碼嗎?如果有那就說說看
  • 你有寫過自定義指令嗎?自定義指令的生命週期(鉤子函數)有哪些?
  • v-show和v-if有什麼區別?使用場景分別是什麼?
  • 說說你對MVC、MVP、MVVM模式的理解
  • 說下你對指令的理解?
  • 請描述下vue的生命週期是什麼?
  • vue組件之間的通信都有哪些?
  • 什麼是虛擬DOM?
  • 什麼是雙向綁定?原理是什麼?
  • vue和react有什麼不同?使用場景是什麼?
  • 說說vue的優缺點
  • 有使用過vue嗎?說說你對vue的理解

vue-cli 工程化構建

  • vue-cli生成的項目可以使用es6、es7的語法嗎?為什麼?
  • vue-cli怎麼解決跨域的問題?
  • vue-cli中你經常的加載器有哪些?
  • 你知道什麼是腳手架嗎?
  • 說下你瞭解的vue-cli原理?你可以自己實現個類vue-cli嗎?
  • 怎麼使用vue-cli3創建一個項目?
  • vue-cli3你有使用過嗎?它和2.x版本有什麼區別?
  • vue-cli默認是單頁面的,那要弄成多頁面該怎麼辦呢?
  • 不用vue-cli,你自己有搭建過vue的開發環境嗎?流程是什麼?

vue-router 官方路由

  • vue-router怎麼重定向頁面?
  • vue-router怎麼配置404頁面?
  • 切換路由時,需要保存草稿的功能,怎麼實現呢?
  • vue-router路由有幾種模式?說說它們的區別?
  • vue-router有哪幾種導航鉤子( 導航守衛 )?
  • 說說你對router-link的瞭解
  • vue-router如何響應路由參數的變化?
  • 你有看過vue-router的源碼嗎?說說看
  • 切換到新路由時,頁面要滾動到頂部或保持原先的滾動位置怎麼做呢?
  • 在什麼場景下會用到嵌套路由?
  • 如何獲取路由傳過來的參數?
  • 說說active-class是哪個組件的屬性?
  • 在vue組件中怎麼獲取到當前的路由信息?
  • vur-router怎麼重定向?
  • 怎樣動態加載路由?
  • 怎麼實現路由懶加載呢?
  • 如果讓你從零開始寫一個vue路由,說說你的思路
  • 說說vue-router完整的導航解析流程是什麼?
  • 路由之間是怎麼跳轉的?有哪些方式?
  • 如果vue-router使用history模式,部署時要注意什麼?
  • route和router有什麼區別?
  • vue-router鉤子函數有哪些?都有哪些參數?
  • vue-router是用來做什麼的?它有哪些組件?

vuex 狀態管理

  • vuex使用actions時不支持多參數傳遞怎麼辦?
  • 你覺得vuex有什麼缺點?
  • 你覺得要是不用vuex的話會帶來哪些問題?
  • vuex怎麼知道state是通過mutation修改還是外部直接修改的?
  • 請求數據是寫在組件的methods中還是在vuex的action中?
  • 怎麼監聽vuex數據的變化?
  • vuex的action和mutation的特性是什麼?有什麼區別?
  • 頁面刷新後vuex的state數據丟失怎麼解決?
  • vuex的state、getter、mutation、action、module特性分別是什麼?
  • vuex的store有幾個屬性值?分別講講它們的作用是什麼?
  • 你理解的vuex是什麼呢?哪些場景會用到?不用會有問題嗎?有哪些特性?
  • 使用vuex的優勢是什麼?
  • 有用過vuex嗎?它主要解決的是什麼問題?推薦在哪些場景用?

ElementUI 第三方UI庫(桌面端)

  • ElementUI是怎麼做表單驗證的?在循環裡對每個input驗證怎麼做呢?
  • 你有二次封裝過ElementUI組件嗎?
  • ElementUI怎麼修改組件的默認樣式?
  • ElementUI的穿梭組件如果數據量大會變卡怎麼解決不卡的問題呢?
  • ElementUI表格組件如何實現動態表頭?
  • ElementUI使用表格組件時有遇到過問題嗎?
  • 有閱讀過ElementUI的源碼嗎?
  • 項目中有使用過ElementUI嗎?有遇到過哪些問題?它的使用場景主要是哪些?
  • 有用過哪些vue的ui?說說它們的優缺點?

mint-ui 第三方UI庫(移動端)

  • mint-ui使用過程中有沒有遇到什麼坑?怎麼解決的?
  • 說出幾個mint-ui常用的組件
  • mint-ui是什麼?你有使用過嗎?

相關推薦

推薦中...