nice，趕上了第一波小程序，自己開(kāi)發(fā)得一個(gè)應(yīng)用上線啦，不容易呀，尤其是微信審核，往返5次左右才通過(guò)審核，在這里給大家分享一些有用的信息（其實(shí)開(kāi)發(fā)過(guò)程也碰到了很多細(xì)節(jié)上的小坑，不過(guò)微信升級(jí)比較頻繁，有些解決了，細(xì)節(jié)上的有些忘記了，可以留言一起討論下）
1、審核不通過(guò)原因總結(jié)：
2、Promise
我這邊使用的是es6-promise，推酷上采用某位大神的方式
yarn add es6-promise --save
使用（根據(jù)自己公司的接口情況，自己封裝一下，使用比較方便）:
import Promise from './lib/es6-promise';
request(params).then((res) =>{
}).catch((err) => {
}).finally(() => {
});
3、tab圖片注意事項(xiàng)
icon最好留下透明邊距，默認(rèn)會(huì)圖片全部拉伸適應(yīng)的，剛開(kāi)始安卓會(huì)固定大小自動(dòng)去適配挺好看的，iPhone不行，現(xiàn)在兩邊都不做處理了，所以icon得自己做下透明邊距，不然超難看的
4、css3支持的不是很全（選擇器nth-child不支持），wxss又有點(diǎn)像sass、less之類但是功能又遠(yuǎn)不如，比較雞肋，將就用吧。wxml節(jié)點(diǎn)上用起來(lái)挺不爽的，微信自己整了一套規(guī)范出來(lái)了，人家的平臺(tái)想咋整咋整，原理上和html差不多
.loading view {
background-color: #ddd;
width: 10px;
height: 10px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
}
@-webkit-keyframes scale {
0% {
-webkit-transform: scale(1);
opacity: 1;
}
45% {
-webkit-transform: scale(0.1);
opacity: 0.7;
}
80% {
-webkit-transform: scale(1);
opacity: 1;
}
}
@keyframes scale {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
45% {
transform: scale(0.1);
opacity: 0.7;
}
80% {
transform: scale(1);
opacity: 1;
}
}
.loading .ball-1 {
animation: scale 0.75s 0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
-webkit-animation: scale 0.75s 0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.loading .ball-2 {
animation: scale 0.75s 0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
-webkit-animation: scale 0.75s 0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.loading .ball-3 {
animation: scale 0.75s 0.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
-webkit-animation: scale 0.75s 0.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
其實(shí)過(guò)程中還碰到不少坑，記不清了，第二版再給大家總結(jié)下，有啥問(wèn)題大家一起討論~
