需求，右邊input框需要隨左邊文字寬度自適應填滿，正常情況下我們可以使用flex布局解決，但是在真機的情況下input框會出現右邊偏移的問題。

這是因為微信把input框的100%渲染成了最外邊的寬度的100%，而不是input框父容器的。

解決辦法是左右塊浮動，中間input100%，前提父容器要設置display:flex.最后要記得清楚浮動

.title_box {
width: 100%;
overflow: hidden;
display: flex;
height: rem(30);
line-height: rem(30);
font-size: rem(16);
padding: rem(10) 0;
}

.cell-text {
color: #333333;
font-size: rem(16);
float: left;
position: relative;
margin: 0 rem(10) 0 rem(15);
white-space: nowrap;
}

.cell-text:after {
display: block;
content: "clear";
height: 0;
clear: both;
overflow: hidden;
visibility: hidden;
}

?

?

使用promise.all等待多個異步請求完全請求完返回，不需要多個標志請求結束。

小程序的storage是在刪除小程序后銷毀，冷啟動也不會銷毀

?

onHide()?

頁面隱藏/切入后臺時觸發。 如?navigateTo?或底部?tab?切換到其他頁面，小程序切入后臺等。

onUnload()

頁面卸載時觸發。如redirectTo或navigateBack到其他頁面時。

注意onUnload和onHIde的區別

?

關于冒泡捕獲，設置監聽

dom.addEventListener("click", function(){
??? document.getElementById("demo").innerHTML = "Hello World";
},false)

false代表非捕獲，也就是冒泡。

執行順序，先執行目標元素祖先元素的捕獲事件，在到目標元素定義的事件，在到目標元素的祖先元素冒泡事件。

關于mixins的作用，具有合并策略，同名的鉤子函數會優先執行

在vue項目中，進行tab切換異步請求數據渲染到頁面的時候，會出現當前tab和tab 中的content內容不一致的情況。

主要是因為this.testId是最新的，而index則會打出每一次的點擊的，所以導致渲染不一致的問題

解決辦法用if(this.tabId!=tabId){return}

或者用async await

vue里面需要配置host的時候的注意

?

轉載于:https://www.cnblogs.com/sisi2020/p/9394852.html

總結

以上是生活随笔為你收集整理的小程序基于mpvue开发坑一的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。