14介紹一下項目經(jīng)歷
1,v-show 與 v-if 有什么區(qū)別
v-if 是真正的條件渲染,因為它會確保在切換過程中條件塊內(nèi)的事件監(jiān)聽器和子組件適當(dāng)?shù)乇讳N毀和重建;也是惰性的:如果在初始渲染時條件為假,則什么也不做——直到條件第一次變?yōu)檎鏁r,才會開始渲染條件塊。
v-show 就簡單得多——不管初始條件是什么,元素總是會被渲染,并且只是簡單地基于 CSS 的 “display” 屬性進行切換。
所以,v-if 適用于在運行時很少改變條件,不需要頻繁切換條件的場景;v-show 則適用于需要非常頻繁切換條件的場景
鏈接:https://juejin.cn/post/6844903918753808398
2, 組件傳值
1,父子組件傳值相互傳值 $emit/bind
2,兄弟組件傳值 $bus
3,表單傳值v-model $emit('input', val) /
4子組件想改父組件的值.sync $emit('update':)
3,1+2+3+4+5+6+7
sum(n){
if (n == 1) {
return 1; // 這個就是遞歸的出口,化簡為非遞歸狀況處理
} else {
return this.sum(n - 1) + n; // 子問題須與原始問題
}
}
4,使用git的工作流程是什么,如何進行協(xié)作
5,直接給一個數(shù)組項賦值,Vue 能檢測到變化嗎?
由于 JavaScript 的限制,Vue 不能檢測到以下數(shù)組的變動:
當(dāng)你利用索引直接設(shè)置一個數(shù)組項時,例如:vm.items[indexOfItem] = newValue
當(dāng)你修改數(shù)組的長度時,例如:vm.items.length = newLength
為了解決第一個問題,Vue 提供了以下操作方法:
// Vue.set
Vue.set(vm.items, indexOfItem, newValue)
// vm.$set,Vue.set的一個別名
vm.$set(vm.items, indexOfItem, newValue)
// Array.prototype.splice
vm.items.splice(indexOfItem, 1, newValue)
為了解決第二個問題,Vue 提供了以下操作方法:
// Array.prototype.splice
vm.items.splice(newLength)
6,組件中 data 為什么是一個函數(shù)?
為什么組件中的 data 必須是一個函數(shù),然后 return 一個對象,而 new Vue 實例里,data 可以直接是一個對象?
// data
data() {
return {
message: "子組件",
childName:this.name
}
}
// new Vue
new Vue({
el: '#app',
router,
template: '<App/>',
components: {App}
})
因為組件是用來復(fù)用的,且 JS 里對象是引用關(guān)系,如果組件中 data 是一個對象,那么這樣作用域沒有隔離,子組件中的 data 屬性值會相互影響,如果組件中 data 選項是一個函數(shù),那么每個實例可以維護一份被返回對象的獨立的拷貝,組件實例之間的 data 屬性值不會互相影響;而 new Vue 的實例,是不會被復(fù)用的,因此不存在引用對象的問題。
7,如果在自定義組件中,v-model 默認(rèn)會利用名為 value 的 prop 和名為 input 的事件,如下所示
父組件:
<ModelChild v-model="message"></ModelChild>
子組件:
<div>{{value}}</div>
props:{
value: String
},
methods: {
test1(){
this.$emit('input', '小紅')
},
},
//####8上家公司的離職原因
9喜歡的工作方式
主動:1沒事的時候主動去了解自己不知道的東西,會不會翻一下之前的代碼,2別人忙的時候主動去幫別人
被動:只有分到自己身上的任務(wù)才會接受,其他一概不管
10 優(yōu)勢是什么
11怎么看待加班這件事
// #### 12比較擅長的技術(shù),做過哪些項目,有沒有demo
13
let num=5.95
num=num.toFixed(1)
num=num.toFiex(2)
console.log(num)
15DOM操作
標(biāo)簽,Id, className querySelectore
createElement
removeChild
appendChild/innerHTML
16 es6之后新的屬性
let const ,擴展運算符,解構(gòu)賦值,
17 computed和watch有何區(qū)別?
1.computed是依賴已有的變量來計算一個目標(biāo)變量,大多數(shù)情況都是多個變量湊在一起計算出一個變量,并且computed具有緩存機制,依賴值不變的情況下其會直接讀取緩存進行復(fù)用,computed不能進行異步操作
2.watch是監(jiān)聽某一個變量的變化,并執(zhí)行相應(yīng)的回調(diào)函數(shù),通常是一個變量的變化決定多個變量的變化,watch可以進行異步操作
3.簡單記就是:一般情況下computed是多對一,watch是一對多