自学微信小程序的过程中,遇到过一些小问题,其实都是可以轻松解决的,总结如下:
1.直接生成页面文件夹(包含js,json,wxml,wxss四种文件)
在app.json文件的pages的数组里,直接写路径就能生成对应的文件
2.防止页面出现undefined,影响用户体验
<text class="userName">{{item.object+" 估价:"+(item.guessPrice !== undefined ? item.guessPrice : '')+"元"}}</text>
使用(item.guessPrice !== undefined ? item.guessPrice : '')这种三元运算符的方法来通过空字符串来替代掉undefined即可
3.动态添加样式
<view class="swiper-tab-list {{currtab == item.index ? 'on' : ''}}" data-current="{{item.index}}" bindtap="tabSwitch">{{item.name}}</view>
这种写法也是 通过三元运算符实现的,通过判断是否相等来动态添加‘on'的样式
4.使用网络图片
例如:
.dice_bg {
z-index: 999999;
top: 15%;
left: 12%;
position: fixed;
width: 80%;
height: 867rpx;
/*line-height: 1250rpx;*/
padding-top: 52%;
background: url('https://i.hd-r.cn/c2cbe63192de7484039c4cbcbd31cc5e.png');
background-repeat: no-repeat;
background-size: 100%;
text-align: center;
}
在wxss里面,这里的 background: url('https://i.hd-r.cn/c2cbe63192de7484039c4cbcbd31cc5e.png');这种写法只能使用网络图片时才生效, 咱们可以使用图床(免费的,链接:免费图床),装换成网络图片即可
经验不太够,暂时只能写出这4条,不过这个会持续更新的,以后学习到实用的开发技巧也会分享给大家,也欢迎大佬在评论区留言来分享自己的小程序开发技巧。
希望这些能对你有所帮助,如果你觉的有用的话,不妨点赞收藏起来,方便下次查阅浏览呦