- 菜單隱藏消失的動(dòng)畫效果(主要用了animation改淑、transformX控制left的值),在設(shè)置wx-charts圖表在菜單顯示時(shí)隱藏拓哺,最后發(fā)現(xiàn)在安卓上正常運(yùn)行比伏,在蘋果6手機(jī)上卡頓嚴(yán)重弥锄,懷疑是wx-charts框架兼容問題
- 實(shí)例上掛載的數(shù)據(jù)長(zhǎng)度有限制沼侣。最大長(zhǎng)度為1048576祖能。可手動(dòng)刪除一些無用數(shù)據(jù)再setData
3. wx-canvas線狀圖中多條線展示時(shí)蛾洛,點(diǎn)擊顯示tooltip后蘋果手機(jī)會(huì)出現(xiàn)無法滾動(dòng)的現(xiàn)象养铸。得添加屬性值disable-scroll="{{false}}"
4. cover-view其實(shí)很多都是不支持的,比如動(dòng)畫轧膘,如果你想要在cover-view上邊加動(dòng)畫你會(huì)發(fā)現(xiàn)沒有效果钞螟,雖然在模擬器里邊可以顯示動(dòng)畫,但是在真機(jī)測(cè)試的時(shí)候是沒有效果的谎碍。
還有就是cover-view雖然可以設(shè)置overflow: scroll鳞滨,但是不支持動(dòng)態(tài)的去變換overflow的屬性值。
還有就是cover-view它會(huì)有默認(rèn)設(shè)置的樣式:white-space: nowrap;
line-height: 1.2;``display: block;所以你會(huì)看到在cover-view里邊寫的文字不會(huì)換行蟆淀,而是超出的內(nèi)容直接裁剪掉拯啦。
最后就是我在cover-view上邊綁定touch事件的時(shí)候在真機(jī)上也沒有效果,大概是cover-view目前應(yīng)該還是沒有支持touch事件吧也有可能是cover-view不支持動(dòng)畫導(dǎo)致熔任,總之褒链,cover-view目前并沒有我們想的那么強(qiáng)大,只能實(shí)現(xiàn)一些簡(jiǎn)單的功能
5. 一般這樣創(chuàng)建一個(gè)日期變量
var d = new Date("2017-08-11 12:00:00");
發(fā)現(xiàn)在iOS中不兼容疑苔,返回valid Date甫匹。IOS中不支持 - 連接日期需要寫成
var d = new Date("2017-08-11 12:00:00".replace(/-/g, "/"));
這樣來兼容ios,而且年月日都得傳惦费,比如不能傳
new Date("2016/09")
ios會(huì)返回空對(duì)象兵迅。而且小程序picker組件也必須傳start屬性,否則在蘋果上會(huì)從1年開始選擇
6. 開發(fā)工具不用勾選ES6轉(zhuǎn)ES5趁餐,mpvue框架已經(jīng)自動(dòng)轉(zhuǎn)換了喷兼。只用勾選上傳代碼時(shí)樣式自動(dòng)補(bǔ)全以及上傳代碼時(shí)自動(dòng)壓縮
7. 小程序的cover-view組件有bug,比如本項(xiàng)目中要實(shí)現(xiàn)導(dǎo)航欄菜單遮住所在頁面中的多張圖表時(shí)需放在最后一張圖表的組件標(biāo)簽內(nèi)部后雷,如
<div class="nav-place"></div>
<chart :class="{'hide-canvas': isHideCharts}" v-if="userGrowCanvas.line" :canvas-data="userGrowCanvas">
<chart :class="{'hide-canvas': isHideCharts}" v-if="channelCanvas.line" :canvas-data="channelCanvas">
<NavigationBar :navTitle="navTitle" @show-menu="showMenu" @hide-menu="hideMenu"></NavigationBar>
</chart>
因?yàn)樵O(shè)置了fixed固定在視窗頂部季惯,因此用一個(gè)容器占用位置防止普通元素置頂被擋住
8. wx.request 請(qǐng)求返回報(bào)錯(cuò) convert to UTF8 fail
9. 微信小程序中的button的border屬性或者圓角吠各,都是寫在after里面的
10. cover-view組件的padding再蘋果手機(jī)上無效,在安卓機(jī)上有效勉抓。通過設(shè)定固定寬度解決
11. mpvue-echarts餅狀圖pie在小程序中點(diǎn)擊圓環(huán)后中間空白部分會(huì)隨機(jī)涂滿顏色
13. wx.navigateTo不能濫用贾漏,因?yàn)樗麜?huì)保存頁面,小程序又有只能打開10個(gè)頁面的限制藕筋,因此濫用可能導(dǎo)致導(dǎo)航跳轉(zhuǎn)失效
14. 小程序沒有監(jiān)聽頁面滾動(dòng)停止的事件纵散,可用計(jì)時(shí)器監(jiān)聽
onPageScroll: function(e) {
clearTimeout(this.timeoutId);
this.isNotScroll = false;
// 設(shè)計(jì)時(shí)器以監(jiān)聽頁面停止?jié)L動(dòng)
this.timeoutId = setTimeout(
function() {
this.isNotScroll = true;
delete this.timeoutId;
}.bind(this),
100
);
},