1.css問(wèn)題
1.1兼容性
（1）flex布局兼容性
display: -webkit-box; /* mate8 支持 */
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
（2）css3兼容：animation transform transition keyframes
-webkit-
（3）iphone X 兼容
@media only screen and (device-width: 375px) and (device-height: 812px) and
(-webkit-device-pixel-ratio: 3) {
//css 注意層級(jí) 實(shí)在不行加！important
}
1.2 其他問(wèn)題
（1）復(fù)制粘貼
html,body{
-moz-user-select: none; /*火狐*/
-webkit-user-select: none; /*webkit瀏覽器*/
-ms-user-select: none; /*IE10*/
-khtml-user-select: none; /*早期瀏覽器*/
user-select: none;
}
（2）高度（父元素min-height,子元素：height：100%；無(wú)效）
1.給子元素絕對(duì)定位，但這樣會(huì)使得子元素脫流荚恶，如果子元素的高度超過(guò)父元素高度的時(shí)候伍俘，父子元素不會(huì)呈現(xiàn)一致高度挨务。
css代碼
.container{
min-height:0.6rem;
position:relative;
}
.text{
height：100%；
position:absolute;
}
html代碼
<div class="container">
<div class="text">
</div>
</div>
2.給子元素加min-height屬性
css代碼
.container{
min-height:0.6rem;
}
.text{
height：100%；
min-height:0.6rem;
}
（3）垂直水平居中
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
(4) ios點(diǎn)擊閃現(xiàn)透明框
html,body{
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
2.vue問(wèn)題
（1）v-cloak:防止在變量確定前出現(xiàn)亂碼
&[v-cloak] {
display: none!important;
}
（2）v-if與v-show
v-if 不渲染元素
v-show 會(huì)將元素置為 display：none;
所以娱据，v-show在弱網(wǎng)情況下容易出現(xiàn)元素重疊
（3）v-for渲染對(duì)象與渲染數(shù)組
for...in...遍歷對(duì)象無(wú)序，如果想按順序渲染盅惜，可以把對(duì)象轉(zhuǎn)化為數(shù)組
思路：用Object.keys(obj)取出來(lái)對(duì)象的所有鍵值中剩，遍歷鍵值數(shù)組，取到對(duì)應(yīng)value值抒寂，push進(jìn)新數(shù)組结啼。
var subjectInfo = []；
var info = {"exerciseId":739857,"lessonId":50228,"tid":279074733,"exerciseType":27"}屈芜；
var infoKey = Object.keys(info).sort() || [];
for ( var m = 0, length = infoKey.length; m < length; m++ ){
info[infoKey[m]].tid = infoKey[m];
subjectInfo.push(info[infoKey[m]]);
}
3.fis問(wèn)題
（1）__inline圖片
