微信小程序开发小技巧

自学微信小程序的过程中，遇到过一些小问题，其实都是可以轻松解决的，总结如下：

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条，不过这个会持续更新的，以后学习到实用的开发技巧也会分享给大家，也欢迎大佬在评论区留言来分享自己的小程序开发技巧。

希望这些能对你有所帮助，如果你觉的有用的话，不妨点赞收藏起来，方便下次查阅浏览呦