vue.js初級面試題(必備)
根據自己的親身經驗總結出了10道與vue相關的面試題,不是最全的,但一定是最常見的 !!!
1. mvvm框架是什麼?它和其它框架(jquery)的區別是什麼?哪些場景適合?
答:一個model+view+viewModel框架,資料模型model,viewModel連線兩個。
區別:vue資料驅動,通過資料來顯示檢視層而不是節點操作。
場景:資料操作比較多的場景,更加便捷。
2. 說出至少4種vue當中的指令和它的用法?
答: v-if:判斷是否隱藏;
v-for:資料迴圈出來;
v-bind:class:繫結一個屬性;
v-model:實現雙向繫結。
3. vue的優點是什麼?
答:低耦合、可重用、性獨立開發、可測試。
4. vue的生命週期
答:vue 例項從建立到銷燬的過程,就是生命週期。也就是從開始建立、初始化資料、編譯模板、掛載Dom→渲染、更新→渲染、解除安裝等一系列過程,我們稱這是 Vue 的生命週期。
總共分為8個階段:
beforeCreate----建立前
元件例項更被建立,元件屬性計算之前,資料物件data都為undefined,未初始化。
created----建立後
元件例項建立完成,屬性已經繫結,資料物件data已存在,但dom未生成,$el未存在
beforeMount---掛載前
vue例項的$el和data都已初始化,掛載之前為虛擬的dom節點,data.message未替換
mounted-----掛載後
vue例項掛載完成,data.message成功渲染。
beforeUpdate----更新前
當data變化時,會觸發beforeUpdate方法
updated----更新後
當data變化時,會觸發updated方法
beforeDestory---銷燬前
元件銷燬之前呼叫
destoryed---銷燬後
元件銷燬之後呼叫,對data的改變不會再觸發周期函式,vue例項已解除事件監聽和dom繫結,但dom結構依然存在
5.元件之間的傳值通訊?
答:父元件向子元件傳值:
1)子元件在props中建立一個屬性,用來接收父元件傳過來的值;
2)在父元件中註冊子元件;
3)在子元件標籤中新增子元件props中建立的屬性;
4)把需要傳給子元件的值賦給該屬性
子元件向父元件傳值:
1)子元件中需要以某種方式(如點選事件)的方法來觸發一個自定義的事件;
2)將需要傳的值作為$emit的第二個引數,該值將作為實參傳給響應事件的方法;
3)在父元件中註冊子元件並在子元件標籤上繫結自定義事件的監聽。
6.mvvm和mvc區別?
答:mvc和mvvm其實區別並不大。都是一種設計思想。主要就是mvc中Controller演變成mvvm中的viewModel。mvvm主要解決了mvc中大量的DOM 操作使頁面渲染效能降低,載入速度變慢,影響使用者體驗。和當 Model 頻繁發生變化,開發者需要主動更新到View 。
7.什麼是MVVM
答:即:Model View VM
Model 是資料, data;
View 是模板;
VM 是 vm = new Vue(); VM 用了連線資料和檢視, 檢視的輸入框綁定了v-model, 使用者輸入後會改變data; Model改變也會同步檢視更新相關的依賴, 雙向繫結就是vm起了作用。
8.元件之間跳轉的方法
答:① 直接修改位址列中的路由地址
② 通過router-link實現跳轉:
<
router-link
to
=
"/myRegister"
>註冊</
router-link
>
③ 通過js的程式設計的方式:
jumpToLogin:
function
() {
this
.$router.push(
'/myLogin'
);
}
9.vue中解決跨域問題
答: ① 後臺更改header:
header('Access-Control-Allow-Origin:*');//允許所有來源訪問
header('Access-Control-Allow-Method:POST,GET');//允許訪問的方式
② 使用JQuery提供的jsonp :
-
methods: {
-
getData () {
-
var self = this
-
$.ajax({
-
url: 'http://f.apiplus.cn/bj11x5.json',
-
type: 'GET',
-
dataType: 'JSONP',
-
success: function (res) {
-
self.data = res.data.slice(0, 3)
-
self.opencode = res.data[0].opencode.split(',')
-
}
-
})
-
}
-
}
③ 使用http-proxy-middleware 代理解決(專案使用vue-cli腳手架搭建)
10.es6常用語法(五條即可)
答:1. 變數宣告const和let;
2. 模板字串;
3. 箭頭函式;
4. import匯入模組、export匯出模組;
5. promise
相關推薦
vue.js初級面試題(必備)
根據自己的親身經驗總結出了10道與vue相關的面試題,不是最全的,但一定是最常見的 !!! 1. mvvm框架是什麼?它和其它框架(jquery)的區別是什麼?哪些場景適合? 答:一個model+view+viewModel框架,資料模型mode
js經典面試題(一)
題目: function Foo(){ getName = function (){ alert(1); } return this; } Foo.getName = function(){ alert(2); }
java初級面試題(個人總結)
java基礎 1、String、StringBuffer以及StringBuild的區別? 答:這三個類之間的區別主要是在兩個方面,即執行速度和執行緒安全這兩方面 執行速度:StringBuilder > StringBuffer > String
2018初級JAVA面試題(一)
1.用java語言寫一個單例模式: (單例模式:顧名思義,在程式中只能有該類的一個例項存在。) (1)單例餓漢模式(惡漢式單例類在類初始化的時候,已經自動例項化) public class Singleton1 { //私有的預設構造器 pri
java初級面試題(sql方面)
下面我給大家帶來一些資料庫知識點和麵試題。 下列的連結是我看到非常好的java基礎面試題的博文推薦給大家。 關係資料庫這一塊是非常重要的,對於我們初級程式設計師,資料庫考察的很大一部分知識其實就是SQL語言的掌握了,至於使用的是mysql、sqlserver、oracle
前端js面試題(基礎)
1、js中使用typeof能得到哪些型別?——undefined、string、number、boolean、object、function2、===和==分別在何時使用?//==的使用情況為以下2種(其他情況下推薦使用===) if(obj.a == null){ //相
前端面試大全:JS 基礎知識點及常考面試題(一)
(內容同步自小鄒的頭條號:滬漂程式設計師的生活史) 原始(Primitive)型別 涉及面試題:原始型別有哪幾種?null 是物件嘛? 在 JS 中,存在著 6 種原始值,分別是: boolean null undefined number
軟體測試面試題(必備錦囊)
1、軟體測試技術 :軟體測試技術主要是保證軟體正常執行,找出軟體在各種情況下存在 的各種缺陷,最後解決軟體缺陷的一門技術。 2、對輸入框如何設計測試用例 介面:是否美觀 功能:是否可
JS筆試面試題(後續更新)
1. 下面程式碼的執行結果是? var length = 10; function fn() { console.log(this.length); } var obj = { length:
JS概念知識及面試題(2)
ebs tails 選擇 quest 面試 tps targe htm issues 1、websocket 參考:http://www.runoob.com/html/html5-websocket.html、 https://www.zhihu.com/questi
Js面試題(二)--js實現統計出現次數最多字符個數
round rip ont js面試 () jos 圖片 第一個字符 clas 話不多話,直接上圖 統計出現次數最多的字符是哪個? 1、當然首先想到的是循環這個字符···· 2、用for循環--第一次檢索到
Js面試題(三)--js點擊彈出對應序號
外部 函數 攝影 技術 rip 序號 ack 關聯 col <!-- 點擊ul的五個li元素,分別彈出序號 --> <ul> <li>1</li> <li>2</li> <li
js面試題(轉)
計數 交換 有意 alert his 表示 讀寫 系列 執行 https://segmentfault.com/a/1190000015288700 1 介紹JavaScript的基本數據類型 Number、String 、Boolean 、Null、Undefined
python面試題(十)
以及 args 空格 代碼實現 spa adding 技術分享 變量作用域 區別 Python中基本數據結構的操作 元組 列表 字典 集合 定義
每天五個java相關面試題(8)--spring篇
ioc 簡單 組件 print 提交數據 常常 spring容器 效果 用戶 首先呢,假設有從事前端開發的大神或者準備從事前端開發的小夥伴無意看到我這篇博客看到這段文字歡迎加我的QQ:【 845415745 】。即將走入社會的菜鳥大學生有關於前端開發的職
java面試題(二)
imap 產生 java面試 大型 過程 ets ibm apache服務 廣泛 11、說出Servlet的生命周期,並說出Servlet和CGI的區別? Servlet被服務器實例化後,容器運行其init方法,請求到達時運行其service方法,service方法自動派遣
Java電商項目面試題(二)
Java什麽是SolrCloudSolrCloud是Solr提供的分布式搜索方案,當你需要大規模,容錯,分布式索引和檢索能力時使用SolrCloud。當一個系統的索引數據量少的時候是不需要使用SolrCloud的,當索引量很大,搜索請求並發很高,這時需要使用SolrCloud來滿足這些需求。SolrCloud
Java電商項目面試題(四)
javadubbo服務開發流程,運行流程?zookeeper註冊中心的作用?使用流程:第一步:要在系統中使用dubbo應該先搭建一個註冊中心,一般推薦使用zookeeper。第二步:有了註冊中心然後是發布服務,發布服務需要使用spring容器和dubbo標簽來發布服務。並且發布服務時需要指定註冊中心的位置。第
Java電商項目面試題(六)
Java插入商品的話,要求級聯插入幾張表,你們當時是怎麽實現的?通過Redis生成商品編號(ID)保存商品表再保存Sku表(此表中外鍵,是商品表的ID)在青島做了兩年開發,大大小小參與過三個項目的開發,一個是某公司內部的人員管理系統,一個是物流項目,最近做的是一個電商項目。在整個項目中,我們采用的是nginx
Java面試題(五)
Java 基礎 程序員 面試 (1)面試題:數組中有沒有length(),字符串中有沒有length(),集合中有沒有length()? 數組中沒有length()方法,只有length屬性 字符串中有length()