98道經典Vue面試題總結

本文檔基于vue-cli技術?？偨Y了

• vue-cli工程
• vue.js核心知識
• vue-router路由
• vuex狀態(tài)管理器
• axios等http請求
• 移動端適配
• Tab切換等常用功能
• vue與原生app混合交互
• vue生產環(huán)境部署
• vue各項技術源碼解析
• MVVM設計模式
• vue-cli工程深入拓展

等12個關于vue-cli開發(fā)的方面。

不僅可以幫你一次性詳細閱讀所有關于vue的面試題、更可以幫你拓展關于vue開發(fā)的視野。

關于vue的試題，看這一篇文檔就夠了！

vue-cli工程

1、構建的 vue-cli 工程都到了哪些技術，它們的作用分別是什么？

2、vue-cli 工程常用的 npm 命令有哪些？

3、請說出vue-cli工程中每個文件夾和文件的用處

4、config文件夾 下 index.js 的對于工程 開發(fā)環(huán)境 和 生產環(huán)境 的配置

5、請你詳細介紹一些 package.json 里面的配置

vue核心知識點

1、對于Vue是一套漸進式框架的理解

2、vue.js的兩個核心是什么？

3、請問 v-if 和 v-show 有什么區(qū)別

4、vue常用的修飾符

5、v-on可以監(jiān)聽多個方法嗎？

6、vue中 key 值的作用

7、vue-cli工程升級vue版本

8、vue事件中如何使用event對象？

9、$nextTick的使用

10、Vue 組件中 data 為什么必須是函數

11、v-for 與 v-if 的優(yōu)先級

12、vue中子組件調用父組件的方法

13、vue中 keep-alive 組件的作用

14、vue中如何編寫可復用的組件？

15、什么是vue生命周期和生命周期鉤子函數？

16、vue生命周期鉤子函數有哪些？

17、vue如何監(jiān)聽鍵盤事件中的按鍵？

18、vue更新數組時觸發(fā)視圖更新的方法

19、vue中對象更改檢測的注意事項

20、解決非工程化項目初始化頁面閃動問題

21、v-for產生的列表，實現active的切換

22、v-model語法糖的組件中的使用

23、十個常用的自定義過濾器

24、vue等單頁面應用及其優(yōu)缺點

25、什么是vue的計算屬性？

26、vue-cli提供的幾種腳手架模板

27、vue父組件如何向子組件中傳遞數據？

28、vue-cli開發(fā)環(huán)境使用全局常量

29、vue-cli生產環(huán)境使用全局常量

30、vue彈窗后如何禁止?jié)L動條滾動？

31、計算屬性的緩存和方法調用的區(qū)別

32、vue-cli中自定義指令的使用

vue-router

1、vue-router如何響應 路由參數 的變化？

2、完整的 vue-router 導航解析流程

3、vue-router有哪幾種導航鉤子（ 導航守衛(wèi) ）？

4、vue-router的幾種實例方法以及參數傳遞

5、vue-router的動態(tài)路由匹配以及使用

6、vue-router如何定義嵌套路由？

7、<router-link></router-link>組件及其屬性

8、vue-router實現路由懶加載（ 動態(tài)加載路由 ）

9、vue-router路由的兩種模式

10、history路由模式與后臺的配合

vuex

1、什么是vuex？

2、使用vuex的核心概念

3、vuex在vue-cli中的應用

4、組件中使用 vuex 的值和修改值的地方？

5、在vuex中使用異步修改

6、pc端頁面刷新時實現vuex緩存

http請求

1、Promise對象是什么？

2、axios、fetch與ajax有什么區(qū)別？

3、什么是JS的同源策略和跨域問題？

4、如何解決跨域問題？

5、vue-cli中如何使用JSON數據模擬？

6、vue-cli中http請求的統(tǒng)一管理。

7、axios有什么特點？

UI樣式

1、.vue組件的scoped屬性的作用

2、如何讓CSS只在當前組件中起作用？

3、vue-cli中常用的UI組件庫

4、如何適配移動端？【 經典 】

5、移動端常用媒體查詢的使用

6、垂直居中對齊

7、vue-cli中如何使用背景圖片？

8、使用表單禁用時移動端樣式問題

9、多種類型文本超出隱藏問題

常用功能

1、vue中如何實現tab切換功能？

2、vue中如何利用 keep-alive 標簽實現某個組件緩存功能？

3、vue中實現切換頁面時為左滑出效果

4、vue中父子組件如何相互調用方法？

5、vue中央事件總線的使用

混合開發(fā)

1、vue如何調用 原生app 提供的方法？

2、原生app 調用 vue 提供的方法，并將值傳遞到 .vue 組件中

生產環(huán)境

1、vue打包命令是什么？

2、vue打包后會生成哪些文件？

3、如何配置 vue 打包生成文件的路徑？

4、vue如何優(yōu)化首屏加載速度？

MVVM設計模式

1、MVC、MVP與MVVM模式

2、MVC、MVP與MVVM的區(qū)別

3、常見的實現MVVM幾種方式

4、Object.defineProperty()方法

5、實現一個自己的MVVM（原理剖析）

6、 ES6中類和定義

7、JS中的文檔碎片

8、解構賦值

9、Array.from與Array.reduce

10、遞歸的使用

11、Obj.keys()與Obj.defineProperty

12、發(fā)布-訂閱模式

13、實現MVVM的思路分析

源碼剖析

1、vue內部與運行機制：

• Vue.js 全局運行機制
• 響應式系統(tǒng)的基本原理
• 什么是 Virtual DOM？
• 如何編譯template 模板？
• diff算法
• 批量異步更新策略及 nextTick 原理？
• proxy代理？

2、vuex工作原理詳解

• Vue.mixin
• Vue.use

深入拓展

1、vue開發(fā)命令 npm run dev 輸入后的執(zhí)行過程

2、vue的服務器端渲染

3、從零寫一個npm安裝包

4、vue-cli中常用到的加載器

5、webpack的特點

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

最新評論