1、盒子模型介紹
2、行內元素，塊元素，空元素有哪些？
3、實現(xiàn)垂直水平居中
4、移動端兼容性問題，代表性
5、在flex布局中實現(xiàn)文字超過4行出現(xiàn)省略號-超長文本自動換行
6、自適應布局的局限性
7、如何判定一個元素是真正的object類型
8、axios給所以請求的header加額外參數(shù)
9、display:none和visibility:hidden區(qū)別
10、EventBus的使用
11、forEach和map的區(qū)別
12、call()、apply()、bind()如何使用
1、盒子模型介紹
每一個盒模型都包含 content padding border margin
1.標準盒子模型中content中包含content
2.IE盒子模型中content中包含content、padding、border
2、行內元素，塊元素，空元素有哪些？
行內元素：span a b i
塊元素：div ul li ol h1-h5 p table
空元素：br，hr，img，input，link，meta
3、實現(xiàn)垂直水平居中
1、通過margin:auto;
2、flex布局
3、定位
4、移動端兼容性問題，代表性
ios的日期'-'改為'/'
5、在flex布局中實現(xiàn)文字超過4行出現(xiàn)省略號-超長文本自動換行
6、自適應布局的局限性
7、如何判定一個元素是真正的object類型
8、axios給所以請求的header加額外參數(shù)
9、display:none和visibility:hidden區(qū)別
他們兩個都是關于頁面隱藏的，但是用visibility:hidden隱藏之后還會占用未隱藏的時候的空間
1、visibility具有繼承性，給父元素設置visibility:hidden;子元素也會繼承這個屬性。但是如果重新給子元素設置visibility: visible,則子元素又會顯示出來。這個和display: none有著質的區(qū)別
2、visibility: hidden不會影響計數(shù)器的計數(shù)
3、CSS3的transition支持visibility屬性，但是并不支持display，由于transition可以延遲執(zhí)行，因此可以配合visibility使用純css實現(xiàn)hover延時顯示效果。提高用戶體驗。
10、EventBus的使用
創(chuàng)建
import Vue from 'vue'
export const EventBus = new Vue()
發(fā)送事件
<!-- A.vue -->
<template>
<button @click="sendMsg()">-</button>
</template>
<script>
import { EventBus } from "../event-bus.js";
export default {
methods: {
sendMsg() {
EventBus.$emit("aMsg", '來自A頁面的消息');
}
}
};
</script>
接受事件
<!-- IncrementCount.vue -->
<template>
<p>{{msg}}</p>
</template>
<script>
import {
EventBus
} from "../event-bus.js";
export default {
data(){
return {
msg: ''
}
},
mounted() {
EventBus.$on("aMsg", (msg) => {
// A發(fā)送來的消息
this.msg = msg;
});
}
};
</script>
11、forEach和map的區(qū)別
1、forEach()返回值是undefined，不可以鏈式調用。
2、map()返回一個新數(shù)組，原數(shù)組不會改變。
3、沒有辦法終止或者跳出forEach()循環(huán)，除非拋出異常，所以想執(zhí)行一個數(shù)組是否滿足什么條件，返回布爾值，可以用一般的for循環(huán)實現(xiàn)，或者用Array.every()或者Array.some();
12、call()、apply()、bind()如何使用
call()、apply()、bind() 都是用來重定義 this 這個對象的！
call 的參數(shù)是直接放進去的，用，隔開，放到后面
