java绑定click时间_JAVA面试之vue.js(一)
1、vue的優(yōu)點(diǎn)有哪些。
答:首先介紹一下vue的特點(diǎn):響應(yīng)式編程和組件化;
再介紹一下vue的優(yōu)點(diǎn):
a. 輕量級(jí)框架
b. 簡單易學(xué)
c. 雙向數(shù)據(jù)綁定
d. 組件化
e. 視圖
f. 數(shù)據(jù)和結(jié)構(gòu)的分離
g. 虛擬DOM
2、vue的使用方式有哪些?
答:a.類似jQuery的引入方式;
b.跟node.js結(jié)合起來使用,使用起來類似java面向?qū)ο缶幊獭?/p>
3、mvvm框架是什么?其與jQuery的區(qū)別有哪些?具體應(yīng)用場景是什么?
答:mvvm=model+view+viewModel框架,viewModel用了連接model+view;
Vue數(shù)據(jù)驅(qū)動(dòng)是通過顯示視圖操作的,不是通過節(jié)點(diǎn)操作的;
數(shù)據(jù)操作比較多的場景。
4、Vue的生命周期是什么?
答:簡單來說,vue的生命周期是vue實(shí)例從創(chuàng)建到銷毀的過程。即開始創(chuàng)建vue實(shí)例、初始化數(shù)據(jù)、編譯運(yùn)行模板、掛載dom(渲染)、更新(渲染)、卸載等過程。
5、說出4中vue指令和作用。
答:v-if:判斷是否因此隱藏;
v-for:循環(huán)數(shù)據(jù);
v-bind:class:用于綁定屬性;
V-model:雙向綁定
6、vue渲染時(shí)如何將數(shù)據(jù)原樣輸出?
答:a.v-text:將數(shù)據(jù)輸出到元素內(nèi)部,如果有html代碼,依然原樣輸出;
b.v-html:依然是將數(shù)據(jù)輸出到元素內(nèi)部,如果有HTML代碼,就會(huì)被渲染成html;
c.{{}}:這是插值表達(dá)式,這個(gè)可以直接獲取vue實(shí)例中的函數(shù)或數(shù)據(jù),但是值可能會(huì)出現(xiàn)閃爍,而上面兩個(gè)就不會(huì)。
7、如何創(chuàng)建一個(gè)vue實(shí)例,如何將數(shù)據(jù)對(duì)象加入vue實(shí)例,舉例說明?
答:代碼如下:
var vm = new Vue({
//選型
})
當(dāng)一個(gè)vue實(shí)例被創(chuàng)建后,如果加入了數(shù)據(jù)對(duì)象,這個(gè)數(shù)據(jù)對(duì)象中的所有屬性會(huì)加入到vue的響應(yīng)系統(tǒng)中。當(dāng)這些屬性都變化時(shí),vue視圖也會(huì)響應(yīng)為新值。
代碼例子:
var data = {a:1}
//將data數(shù)據(jù)對(duì)象加入到vue實(shí)例中
var vm = new Vue({
data:data
})
//獲取實(shí)例的屬性
vm.a == data.a;
//設(shè)置vm屬性也會(huì)影響到原始數(shù)據(jù)
vm.a = 2
data.a ==2;
//反之也是如此
data.a = 3
vm.a == 3;
8、vue中有哪些修飾符,有什么作用?
答:vue中的事件:@click、@mouseover、@mouseout、@change、@keyup等
Vue中事件修飾符:.stop阻止冒泡 .prevent阻止默認(rèn)事件
9、為什么要進(jìn)行前后端分離,優(yōu)缺點(diǎn)分別是什么?
答:前端追求頁面美觀、頁面流暢和兼容性;
后端追求三高(高并發(fā)、高可用、高性能);
從而通過降低前后端耦合,提高開發(fā)效率。
缺點(diǎn)是:a.當(dāng)接口改變時(shí),前后端都需要改變;
b.發(fā)生異常,前后端需要聯(lián)調(diào),很耗時(shí)。
10.談一下對(duì)前后端分離的理解?
答:a.前端靜態(tài)化,只有html、css、js;前端內(nèi)容的運(yùn)行環(huán)境和引擎基于瀏覽器,不需要后端提供動(dòng)態(tài)化組裝。
b.后端數(shù)據(jù)化,后端只負(fù)責(zé)提供數(shù)據(jù),不提供任何與界面相關(guān)的東西。
c.平臺(tái)無關(guān)化,前端技術(shù)本身與平臺(tái)無關(guān)。
d.架構(gòu)分離,后端可以使用任何語言,與前端徹底分離。
總結(jié)
以上是生活随笔為你收集整理的java绑定click时间_JAVA面试之vue.js(一)的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: [云炬创业学笔记]第三章商业创意的发掘与
- 下一篇: [云炬创业学笔记]第三章商业创意的发掘与