15. flex相關(guān)

flex的后面的參數(shù)是什么,分別有什么含義?

flex:flex-grow flex-shrink flex-basis;
/*     增長        減少     基寬    */

flex項目如何垂直居中?

align-items:center;

你在項目中是如何使用flex的?

做頁面適配時要用;

16. jsonp跨域

17. axios同步執(zhí)行

如何讓axios同步執(zhí)行?

async await方法

18. dom優(yōu)化

你在平時是如何優(yōu)化DOM的?

• 查找元素優(yōu)化,優(yōu)先使用類選擇器和類選擇器
• 改變dom時,使用托盤
• 修改dom樣式時,使用domobj.style.cssText=" ...一些樣式 ";
• 批量修改DOM元素時,從文檔流中摘除該元素
• 減少iframs的使用,因為會消耗大量時間,并阻塞下載
• 把js文件寫在</body>中,<script>寫在header中

19. css居中

css中有哪些方式可以給元素居中?

20. http緩存的兩種方式

http緩存有哪些方式?分別是什么?

21. vue優(yōu)化

你是如何優(yōu)化你的vue項目的?

• v-once;
• 懶加載;
• 為v-for添加key;

22. 組件封裝

...

23. element-ui如何引入（全局引入和局部引入）

如何實現(xiàn)element的全局和局部引入?

24. 跨域

什么是跨域?

你在編程過程中有沒有遇到過跨域問題,你是怎么解決的?有哪些方法可以解決跨域問題?

25. 高度坍塌

什么是高度坍塌?

子元素浮動脫離文檔流,從而導(dǎo)致高度不能被撐開,稱為高度坍塌

高度坍塌的解決方案?

• 使用:after偽類,設(shè)置清除浮動;
• 父元素定高;
• 父元素設(shè)置overflow;

26. h5新特性

27. c3新特性

28. let和var的區(qū)別

• var 定義的變量會出現(xiàn)聲明提前(變量提升),let不會.
• var定義的變量沒有塊級作用域(大括號就是塊級作用域),let具有塊級作用域
• var可以重復(fù)聲明同一個變量,但let不可以

29. 數(shù)組遍歷的方式

• for(var i=0;i<arr.lrngth;i++)
• for(var key in arr)
• for(var elem of arr)
• arr.foreach()
• arr.reduce/every/some/map...

30. watch和computed的區(qū)別

• 返回值不同,computed返回的是一個屬性,主要被當(dāng)作屬性來使用,watch保存的是操作,主要被當(dāng)做方法來使用
• 操作不同,computed是藉其他的依賴值來計算目標(biāo)值.而watch是監(jiān)聽目標(biāo)值的變化而進(jìn)行一系列操作
• 寫法不同,computed中的目標(biāo)值后面不需要加()來調(diào)用,而watch中的需要

31. v-if和v-show的區(qū)別

v-if控制的是元素是否存在,如果值為false,則該元素從DOM樹上移除了;

v-show控制的是元素的display,如果值為false,則該元素的display成為none.

31. nexttick的使用場景

nexttick是異步任務(wù)的一種,屬于異步任務(wù)的微任務(wù),且優(yōu)先級極高,所以如果你想在完成某些異步任務(wù)后立即執(zhí)行操作,應(yīng)該使用nexttick.

vue.nexttick有兩種主要使用場景:

• 在created鉤子函數(shù)中,DOM樹還未構(gòu)建完成,此時你若想對Dom樹進(jìn)行操作,應(yīng)該使用nexttick以在DOM樹加載完成之后立即執(zhí)行;
• 因為vue的數(shù)據(jù)更新與視圖更新是異步的,因此,若想對試圖修改后的DOM元素進(jìn)行立即操作,應(yīng)使用nexttick.

33. bootstrap是css/scss還是less

scss

34. get和post的區(qū)別

• get請求在URL中傳送的參數(shù)是有長度限制的，而post沒有;
• 對參數(shù)的數(shù)據(jù)類型，get只接受ASCII字符别厘，而post沒有限制;
• get比post更不安全(不是說post安全)，因為參數(shù)直接暴露在URL上拥诡，所以不能用來傳遞敏感信息;
• get參數(shù)通過URL傳遞触趴，post放在request body中。

35. 數(shù)組解構(gòu)與對象解構(gòu)

36. 單頁面應(yīng)用的優(yōu)缺點

優(yōu)點:

• 用戶瀏覽體驗好;
• 前后端分離
• 減輕服務(wù)器壓力
• 多個終端共用一套后臺

缺點:

• 搜索引擎優(yōu)化比較難
• 首頁加載比較慢
• 前進(jìn)后退需要自己寫堆棧

37. vue自帶組件

• keep-alive 主要用于保留組件狀態(tài)或避免重新渲染,包裹動態(tài)組件時渴肉，會緩存不活動的組件實例冗懦，而不是銷毀它們。
• component 渲染一個“元組件”為動態(tài)組件仇祭。依 is 的值披蕉，來決定哪個組件被渲染。
• transition 作為單個元素/組件的過渡效果
• transition-group 作為多個元素/組件的過渡效果
• slot 插槽

38. 事件修飾符?

<button @click.stop="inner">點擊我(^_^)</button>

• .stop：等同于JavaScript中的event.stopPropagation()乌奇，防止事件冒泡
• .prevent：等同于JavaScript中的event.preventDefault()没讲，防止執(zhí)行預(yù)設(shè)的行為（如果事件可取消，則取消該事件礁苗，而不停止事件的進(jìn)一步傳播）
• .capture：與事件冒泡的方向相反爬凑，事件捕獲由外到內(nèi)
• .self：只會觸發(fā)自己范圍內(nèi)的事件，不包含子元素
• .once：只會觸發(fā)一次

39. v-for為什么不能和v-if同時使用?

v-for的優(yōu)先級高于v-if,如果v-if為false的話,v-for扔會執(zhí)行,這也就造成了不必要的內(nèi)存損耗

40. v-for你一般用什么方法設(shè)置key,這有什么劣勢?如何改進(jìn)?

一般用index,但index在刪除某個元素后,會自動變更,如原來有5個元素,刪除3號后,便變?yōu)榱?234,而我們的期望是1245,也就是說,index沒有實現(xiàn)為每個元素添加唯一索引的目的,因此,我們常用的方法是維數(shù)組中的每個對象添加其特有的id屬性,將其賦給key

41. 如果直接為data中的對象設(shè)置屬性會怎么樣?應(yīng)該如何解決?

會無法實現(xiàn)數(shù)據(jù)綁定,需要使用vue中的$set方法,寫法如下

this.$set(Object, key, value)
this.$set(Array, index, newValue)

42. 要求父元素div包裹兩個子元素div,第一個子元素固定為100px;第二個子元素自動填充剩余元素,你要怎么才能寫出一個兼容性佳的代碼?

.parent {
    position: relative;
}
.left {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
}
.right {
    position: absolute;
    top: 0;
    right: 0;
    left: 100px;
}