2021-09-25

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是一對多

18 在項目中如何運用模塊化思想

19 能不能自己寫個輪播圖

20 性能優(yōu)化方式

21 Axios 返回值是 Promise 的特性對 Axios 的配置進行二次封裝,封裝了個啥

22 說下具體用vuex的場景

23 API請求層的統(tǒng)一管理

24 使用git進行版本控制,便于團隊協(xié)作開發(fā)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容