中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

web前端技術(shù)有哪些Vue面試題-創(chuàng)新互聯(lián)

這篇文章主要介紹“web前端技術(shù)有哪些Vue面試題”,在日常操作中,相信很多人在web前端技術(shù)有哪些Vue面試題問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”web前端技術(shù)有哪些Vue面試題”的疑惑有所幫助!接下來,請跟著小編一起來學(xué)習(xí)吧!

創(chuàng)新互聯(lián)是一家專業(yè)提供范縣企業(yè)網(wǎng)站建設(shè),專注與網(wǎng)站建設(shè)、成都做網(wǎng)站、html5、小程序制作等業(yè)務(wù)。10年已為范縣眾多企業(yè)、政府機構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)的建站公司優(yōu)惠進行中。

1. 什么是 MVVM?

  MVVM 是 Model-View-ViewModel 的縮寫,MVVM 是一種設(shè)計思想。Model 層代表數(shù)據(jù)模式,也可以在 Model 中定義數(shù)據(jù)修改和操作的業(yè)務(wù)邏輯;View 代表 UI 組件,它負責將數(shù)據(jù)模型轉(zhuǎn)化為 UI 展現(xiàn)出來,ViewModel 是一個同步 View 和 Model 的對象。

2. 父組件向子組件傳值的方法?

父組件傳遞的數(shù)據(jù)子組件用 props 方法接收。

子組件通過兩種方式接收:可以傳遞任何類型(數(shù)組,對象,各種數(shù)據(jù)類型等等)

· props:[‘title’,‘likes’,‘isPublished’,‘a(chǎn)uthor’];

· props:{title:String,likes:Number}

3. 子組件向父組件傳值的方法?

子組件向父組件傳值用 this.$emit(key,value) ,父組件接收的時候需要在父組件中創(chuàng)建的子組件的標簽中綁定 Key,格式:@Key=“方法名”,父組件聲明這個方法,方法帶參數(shù),這個參數(shù)就是子組件傳遞的 Value。

4. Vuex 是什么?哪種功能場景使用它?

Vuex 是專門為 Vue.js 設(shè)計的狀態(tài)管理模式,它采用集中式儲存管理 Vue 應(yīng)用中所有組件的狀態(tài),并以相應(yīng)的規(guī)則保證狀態(tài)以一種可預(yù)測的方式發(fā)生變化。

當項目龐大的時候使用它:

· 需要動態(tài)的注冊響應(yīng)式數(shù)據(jù);

· 需要命名空間 namespace 來管理組織我們的數(shù)據(jù);

· 希望通過插件,來更改記錄;方便測試;以上這些需要和希望,都是我們 vuex 需要做的一些事情。

5. Vuex 有哪幾種屬性?

· state:基本數(shù)據(jù)

· getters:從基本數(shù)據(jù)派生的數(shù)據(jù)

· mutations:提交更改數(shù)據(jù)的方法,同步!

· actions:像一個裝飾器,包裹 mutations,使之可以異步。

· modules:模塊化 Vuex。

6. 如何讓 CSS 旨在當前組件中起作用?

當前組件的 < style>標簽修改為< style scoped>

7. 請列舉出3個 Vue 中常見的生命周期鉤子函數(shù)。

· beforeCreate:Vue 實例的掛載元素 $el 和數(shù)據(jù)對象 data 都為未定義,還未初始化。

· created:vue 實例的數(shù)據(jù)對象 data 有值了,$el 沒有。

· beforeMount:vue 實例的 $el 和 data 都初始化了,但還是虛擬的 dom 節(jié)點,具體的 data.filter 還未替換掉。

· mounted:vue 實例掛載完成,data.filter 成功渲染

· beforeUpdate:data 更新時觸發(fā)。

· updated:data 更新時觸發(fā)。

· beforeDestroy:組件銷毀時觸發(fā)。

· destroyed:組件銷毀時觸發(fā),vue 實例解除了事件監(jiān)聽以及 dom 的綁定(無響應(yīng)了),但 DOM 節(jié)點依舊存在。

8. Vue 生命周期總共有幾個階段?

· beforeCreate 創(chuàng)建前

· created 創(chuàng)建后

· beforeMount 載入前

· mounted 載入后

· beforeUpdate 更新前

· updated 更新后

· beforeDestroy 銷毀前

· destroyed 銷毀后

9. 說出至少 4 種 Vue 當中的指令和它的用法?

· v-html:渲染文本(能解析 HTML 標簽)

· v-text:渲染文本(統(tǒng)統(tǒng)解析成文本)

· v-bing:綁定數(shù)據(jù)

· v-once:只綁定一次

· v-model:綁定模型

· v-on:綁定事件

· v-if v-shou:條件渲染

10. vue-cli 工程中常用的 npm 命令有哪些?

· npm install:下載 node_modules 資源包的命令

· npm run dev:啟動 vue-cli 開發(fā)環(huán)境的 npm 命令

· npm run build:vue-cli 生成生產(chǎn)環(huán)境部署資源的 npm 命令

11. 請說出 vue-cli 工程中每個文件夾和文件的用處。

· build 文件夾:存放 webpack 的相關(guān)配置以及腳本文件,在實際開發(fā)過程中只會偶爾用到 webpack.base.conf.js,配置 less、babel 等。

· config 文件夾:常用到此文件夾下的 config.js (index.js) 配置開發(fā)環(huán)境的端口號,是否開啟熱加載或者設(shè)置生產(chǎn)環(huán)境的靜態(tài)資源相對路徑、是否開啟 gzip 壓縮、npm run build 命令打包生成靜態(tài)資源的名稱和路徑等。

· node_modules:存放 npm install 命令下載的開發(fā)環(huán)境和生產(chǎn)環(huán)境的各種依賴。

· src文件夾 :工程項目的源碼以及資源、包括頁面圖片、路由組件、路由配置、vuex、入口文件等。

· 其他文件:定義的一些項目信息,說明等等。

12. vue-router 路由的兩種模式。

· hash 模式:

# 后面的 hash 值的變化,并不會導(dǎo)致瀏覽器向服務(wù)器發(fā)出請求,瀏覽器不發(fā)出請求,也就不會刷新瀏覽器,每次 hash 值的變化會觸發(fā) hashchange 事件。

· history 模式:

利用了 HTML5 中新增的 pushState() 和 replaceState() 方法。這兩個方法應(yīng)用于瀏覽器的歷史記錄棧,在當前已有的 back、forward、go 的基礎(chǔ)之上,它們提供了對歷史記錄進行修改的功能。只是當它們執(zhí)行修改時,雖然改變了當前的 URL,但瀏覽器不會立即向后端發(fā)送請求。

13. 如何解決 Vue 中的 ajax 跨域問題?

找到 config 文件夾中的 index.js 文件:

修改 proxyTable: {

    '/api':{    //使用 /api 來代替 "http://localhost:8082"

        target:'http://localhost:8082', //源地址

        changeOrigin:true, //改變源

        pathRewrite:{

            '^/api':'http://localhost:8082' //路徑重寫

        }

    }

},

修改完之后的跨越請求就可以直接寫成 /api/login 等等了。

14. Vue 打包命令是什么?Vue 打包后會生成哪些文件?

· npm run build :Vue 打包命令

· Vue 打包后會在當前工作目錄下生成一個 dist 文件夾,文件夾中會有 static 靜態(tài)文件以及 index.html 初始頁面。

15. Vue 如何優(yōu)化首屏加載速度?

· 異步路由加載

· 不打包庫文件

· 關(guān)閉 sourcemap

· 開啟 gzip 壓縮

16. scss 是什么?

SCSS 是 Sass 3 引入的新語法,其語法完全兼容 CSS3,并且繼承了 Sass 的強大功能,唯一不同之處是 SCSS 需要使用分號和花括號而不是換行和縮進,SCSS 對空白符號不敏感。

17. axios 是什么?怎么使用?

axios 是一個基于 promise 的 HTTP 庫,可以發(fā)送 get,post 請求,正是由于 Vue、React 的出現(xiàn),促使了 axios 輕量級庫的出現(xiàn)

特定:

· 可以在瀏覽器中發(fā)送 XMLHttpRequest 請求

· 可以在 node.js 發(fā)送 http 請求

· 支持 Promise API

· 攔截請求和響應(yīng)

· 轉(zhuǎn)換請求和響應(yīng)

· 轉(zhuǎn)換請求數(shù)據(jù)和響應(yīng)數(shù)據(jù)

· 能夠取消請求

· 自動轉(zhuǎn)化 JSON 格式

· 客戶端支持保護安全免受 XSRF 攻擊

如何使用:

· npm install --save axios 安裝axios

· 在入口 main.js 中導(dǎo)入 axios

import Axios from 'axios'

Vue.propertype.$axios = Axios;

· 使用 axios 發(fā)送 get 請求

this.$axios.get('/user?stu_id=1002').then(function(resp) {

    console.log(resp);

}).catch(function(err) {

    console.log(err);

});

· 使用 axios 發(fā)送 post 請求 post原生請求在后端是接收不到參數(shù)的,所有有兩種解決方案,這里只寫一種!第二種解決方案是用 QS。

var params = new URLSearchParams();

    params.append('name','孫悟空');

    params.append('age',22);

    let that = this;

    this.$axios.post('http://localhost:8082/user',params).then(function(resp) {

    console.log(resp.data.users);

    that.ausers = data.data.users;

}).catch(function(err) {

    console.log(err);

});

18. vue-router 是什么?它有哪些組件?

vue-router 是 Vue.js 官方的路由管理器,它和 Vue.js 的核心深度集成,讓構(gòu)建單頁面應(yīng)用變得易如反掌。包含的功能有:

· 嵌套的路由、是圖標

· 模塊化的、基于組件的路由配置

· 路由參數(shù)、查詢、通配符

· 基于 Vue.js 過度系統(tǒng)的視圖過渡效果

· 細粒度的導(dǎo)航控制

· 帶有自動激活的 CSS class 的連接

· HTML 5 歷史模式或 hash 模式,在 IE9 中自動降級

· 自定義的滾動條行為

vue-router 組件:

· < router-link to=""> 路由的路徑

· < router-link :to="{name:’‘l路由名’}"> 命名路由

· < router-view> 路由的顯示

19. 怎么定義 vue-router 的動態(tài)路由?怎么獲取傳遞過來的動態(tài)參數(shù)?

在 router 目錄下的 index.js 文件中,對 path 屬性加上 /:id。使用 router 對象的 params.id,例如:this.$route.params.id。

20. MVVM 和其他框架 (jQuery)的區(qū)別是什么?哪些場景適合?

· Vue 是數(shù)據(jù)驅(qū)動,通過數(shù)據(jù)來顯示視圖層而不是節(jié)點操作。

· 處理數(shù)據(jù)交互的時候挺適合 MVVM 設(shè)計模式的。

到此,關(guān)于“web前端技術(shù)有哪些Vue面試題”的學(xué)習(xí)就結(jié)束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí),快去試試吧!若想繼續(xù)學(xué)習(xí)更多相關(guān)知識,請繼續(xù)關(guān)注創(chuàng)新互聯(lián)-成都網(wǎng)站建設(shè)公司網(wǎng)站,小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>

文章題目:web前端技術(shù)有哪些Vue面試題-創(chuàng)新互聯(lián)
文章源于:http://m.rwnh.cn/article8/cciiop.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供自適應(yīng)網(wǎng)站、網(wǎng)站建設(shè)、電子商務(wù)外貿(mào)建站、品牌網(wǎng)站制作、網(wǎng)站設(shè)計

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

小程序開發(fā)
肇东市| 兴国县| 德清县| 天津市| 皋兰县| 富蕴县| 邯郸市| 霍邱县| 贵定县| 洛扎县| 松滋市| 建阳市| 松滋市| 栖霞市| 三门峡市| 泗阳县| 班玛县| 淮滨县| 南溪县| 孙吴县| 龙川县| 于田县| 琼中| 班戈县| 新宾| 通海县| 禄劝| 和龙市| 遂川县| 崇信县| 呈贡县| 长武县| 岚皋县| 南岸区| 谢通门县| 沁阳市| 公主岭市| 尼玛县| 宁海县| 洛隆县| 新民市|