1.vuex是什么？
介紹：Vuex 是一個專為 Vue.js 應用程式開發的狀態管理模式，
理解：核心就是 store（倉庫），倉庫是用來干什么的？你就當它用來儲存東西的，
2.什么是vuex的狀態管理？
state，驅動應用的資料源；
view，以宣告方式將 state 映射到視圖；
actions，回應在 view上的用戶輸入導致的狀態變化，
3.什么是耦合？什么是內聚？
耦合：模塊與模塊之間很多事存在關聯的，如果改動一個，其他若干模塊也會發生改變，模塊之間的關系越是緊密，獨立性就越不好，這種關系我們稱為耦合，
內聚：模塊內部的代碼，互相之間的練習越強，內聚就越高，
4.觀察者模式和訂閱者模式分別是什么？
data里面的title可以理解為被觀察者或者說發布者，template 里面使用的title可以理解為觀察者或者訂閱者，
本文以觀察者和被觀察者為例，
觀察者模式又被稱作為發布訂閱者模式，定義了一對多的依賴關系，
5.路由傳參的方式？
路由傳參分為query和parames
1.使用query傳參的時候，name，path都可以引入，但使用params傳參的時候只能使用name進行引入，
2.接收引數的時候使用this.$ route.params.name或者this.$ route.query.name
3.進行路由跳轉的時候，我們使用this.$ router.push(‘路徑’)
4.如果index.js配置路由時，我們能看到，params的引數是URL不可或缺的一部分，但是query的引數是拼接起來的，沒有也不影響
6.什么是同步，什么是異步？
7.vue是什么？
1. Vue 是什么 ？
主流的漸進式 JavaScript 框架
2. 什么是漸進式？
可以和傳統的網站開發架構融合在一起，例如可以簡單的把它當作一個類似 JQuery 庫來使用，
也可以使用Vue全家桶框架來開發大型的單頁面應用程式 ，
3.使用它的原因 ？
vue.js 體積小，編碼簡潔優雅，運行效率高，用戶體驗好.
無Dom操作，它能提高網站應用程式的開發效率
4. 什么場景下使用它？
一般是需要開發單頁面應用程式 （Single Page
Application, 簡稱:SPA） 的時候去用 單頁面應用程式，如：網易云音樂 https://music.163.com/ 因為
Vue 是 漸進式 的，Vue 其實可以融入到不同的專案中，即插即用
vue是搭建用戶頁面的漸進式框架
8.頁面元素的隱藏方式有幾種和各自的特點？
第一種：display屬性為none，效果：元素不顯示，不占位
就是說元素設定了display:none;屬性時，元素不會再占用頁面的位置，之前占用的位置會被其他元素占用，會導致頁面重新排序，
第二種：設定css visibility屬性為hidden，效果：元素不顯示，但占位
當元素設定看visibility:hidden;屬性時，雖然能隱藏元素，但是元素仍然占位，頁面不會再重新排序 第三種：設定元素透明度opacity屬性為0，也可以隱藏元素,占位
這個方法和visibility類似，會隱藏元素但是會占位
9.什么是回呼地獄？
就是函式作為引數層層嵌套 怎么解決：通過promise鏈式呼叫的方式
10.什么是slot？有哪些型別的slot？
插槽
具名插槽 匿名插槽 作用域插槽
11.什么是生命周期，生命周期有什么？
Vue 實體從創建到銷毀的程序，就是生命周期，
從開始創建、初始化資料、編譯模板、掛載Dom→渲染、更新→渲染、銷毀等一系列程序，稱之為 Vue 的生命周期，
1. beforeCreate : 創建Vue實體前的時候執行，
2. created : 創建Vue實體完成后執行，
3. beforeMount :Vue實體開始渲染前執行，
4. mounted : Vue實體渲染完成后執行，
5. beforeUpdate : Vue實體修改前執行，
6. updated : Vue實體修改完成后執行，
7. beforeDestroy : Vue開始消亡前執行，
8. destroyed : Vue實體消亡后執行，
9. activated ：組件激活時呼叫，該鉤子在服務器端渲染期間不被呼叫，
10.deactivated ： 組件停用時呼叫，該鉤子在服務器端渲染期間不被呼叫，
11.errorCaptured :當捕獲一個來自子孫組件的錯誤時被呼叫，此鉤子會收到三個引數：錯誤物件、發生錯誤的組件實體以及一個包含錯誤來源資訊的字串，此鉤子可以回傳 false 以阻止該錯誤繼續向上傳播，
12.組件間的傳值方式？
1. 父傳子 props
2. 子傳父 $emit
3. 兄弟間傳值通過創建一個新的實體
4. $parent
5. $children
6. $ref
13.什么是npm?
簡單來說，NPM（Node Package Manager）是包含在Node.js里面的一個包管理工具，NPM會隨著Node.js一起安裝，NPM為開發者提供了一個代碼模塊共享的大平臺，當我們專案中需要使用某個模塊（JavaScript包）時，可以直接使用NPM包管理工具來下載對應的包并安裝，我們也可以把自己用Node.js寫的代碼發布到平臺上供他人使用，
14.什么是生產環境？什么是開發環境、
簡單來說，就是在專案的開發階段就是開發環境；專案上線了，開始正式提供對外服務，上線后的階段就是生產環境，在生產環境下，一般會關掉錯誤報告，打開錯誤日志等操作，
devDependencies配置的是開發環境，安裝專案開發時所依賴的模塊，比如像webpack工具，只是用來構建專案和打包，
這些都是在開發階段才使用的，等專案上線后就用不到webpack工具了，那么我們就可以把webpack安裝到開發環境中
dependencies配置的是生產環境，安裝專案運行時所依賴的模塊，比如jQuery庫，等專案上線以后依然是要繼續使用的，
我們就要安裝在生產環境中，如果沒有把需要的依賴安裝到生產環境中，專案上線運行時就有可能會報錯，使用 --save 命令安裝到
15.package.json里面存放什么？
搭建一個前端專案之前，通常會在專案的根目錄下生成一個名為package.json的檔案作為NPM包的描述檔案，使用該檔案來定義專案資訊、
配置包依賴關系，package.json檔案可以自己手動創建檔案中包含了NPM包的基本資訊（專案名稱、版本號、專案描述、作者）和依賴管理
16.說你下你對單頁面應用的理解，以及單頁面的優缺點？
SPA的英文是single-page application ，也就是說整個專案中只有一個頁面，
單頁面應用的實作思路： 就是在 Web 頁面初始化時加載所有的 HTML、JavaScript 和 CSS，頁面的內容的變化，靠動態操作DOM，
它的優點有三點：
第一點：區域重繪，用戶體驗好、快，內容的改變不需要重新加載整個頁面，
第二點：服務器的壓力小，基于上面一點，SPA 對服務器的壓力小；減少了不必要的跳轉和重復渲染，這樣減少了對服務器的壓力
第三點：前后端職責分離，架構清晰，前端進行互動邏輯，后端負責資料處理；
它的缺點也有三點：
第一點：初次加載耗時多，為實作單頁 Web 應用功能及顯示效果，需要在加載頁面的時候將 JavaScript、CSS 統一加載，部分頁面按需加載；
第二點：前進后退路由管理問題，由于單頁應用在一個頁面中顯示所有的內容，所以不能使用瀏覽器的前進后退功能，所有的頁面切換需要自己建立堆疊管理（這是vue-router做的）；
第三點：SEO 難度較大，由于所有的內容都在一個頁面中動態替換顯示，所以在 SEO 上其有著天然的弱勢
17.說一下你對vuex生命周期的理解？
vuex是一個專為vue.js應用程式開發的狀態管理模式（它采用集中式存貯管理應用的所有組件的狀態，并以相應的規則保證狀態以一種可預測的方式發生變化），
vuex五大核心屬性？
1.state：存盤資料，存盤狀態；在根實體中注冊了store 后，在組件中是用 this.$store.state.變數名 來訪問存放在vuex里面德資料；對應vue里面的data；存放資料方式為回應式，vue組件從store中讀取資料，如資料發生變化，組件也會對應的更新，
2.getter：可以認為是 store 的計算屬性，它的回傳值會根據它的依賴被快取起來，且只有當它的依賴值發生了改變才會被重新計算，（在組件中使用：this.$store.getters.變數名）
3.mutation：更改 Vuex 的 store 中的狀態的唯一方法是提交 mutation，在組件中使用：this.$store.commit()
4.action：包含任意異步操作，通過提交 mutation 間接更變狀態，在組件中使用：this.$store.dispatch()
5.module：將 store 分割成模塊，每個模塊都具有state、mutation、action、getter、甚至是嵌套子模塊，
18.為什么data要是一個函式？
當data是個函式的時候，每個實體都會有自己的作用域，他們都會獨立，不會互相影響，如果data是個物件的時候，在多次使用這個實體的時候，修改一個值，那么其他的值也會發生變化，這樣就就會造成資料共享，不利于我們功能的實作，
19.v-for中key的作用？
vue組件高度復用，系結key可以標識組件的唯一性，為了更好的區分各個組件，key的作用主要是為了高效的更新虛擬DOM，保持資料唯一，
如不系結key在以后的操作中不僅代碼會報錯 ，也會浪費瀏覽器性能
20.如何獲取DOM元素？有幾種方式？
1.通過ID獲取（getElementById）
2.通過name屬性（getElementsByName）
3.通過標簽名（getElementsByTagName）
4.通過類名（getElementsByClassName）
5.獲取html的方法（document.documentElement）
6.獲取body的方法（document.body）
7.通過ref的方法 設定ref='name' this.$refs
21.請談一下你對 使用原生js開發和 使用vue開發的看法，(至少20字以上)
Vue的核心代碼也是js 就是開發了自己的框架，只不過vue使用的是MVVM操作，解放了DOM操作
原生js DOM操作頻繁，代碼繁雜 DOM操作與邏輯代碼混合，可維護性差 不同功能區域書寫在一起，可維護性低 模塊之間的依賴關系復雜 vue
資料驅動視圖 組件化開發
什么是資料驅動視圖？
資料的變化會自動更新到對應的元素中，不用手動操作DOM，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/290457.html
標籤：其他
上一篇：jQuery-案例