小程序开发经验总结 (一)

前言 :

            真正实际开发的时候发现小程序有好多的坑,把自己总结的笔记整理一下,供大家参考一下.开发安卓的时候用过好多的开源的东西,所以也想做一下贡献希望可以帮到到家大笑,我会持续的写下去:

         我只会在官方文档的基础上把自己开发中遇到的问题和需要注意的事项写下来,供大家参考,不对的地方huanyin

1.小程序缓存机制:

存储缓存和获取缓存数据使用同步方法时需要做异常捕获

2.小程序控制组件显示和隐藏

1.      在wxml文件标签下使用wx:if = “()”语句

2.      控制显示只要if语法的小括号内有值就可以

3.      控制隐藏需要在小括号中将false用双大括号括起来,即:wx:if = “({{false}})”

4.      控制显示和隐藏的if语法可以用数据绑定,绑定时里面的变量也需要用双大括号括起来即:wx:if = “({{}})”

Wxml文件引号的使用

1.      数据绑定的时候标签属性需要加双引号,标签间的数据绑定的手不需要添加引号

例如:


3.Wxml文件下列表使用,即for循环的使用

实例代码:

<!--新闻  -->

  <blockwx:for= "{{myData}}"wx:for-item= "item">

    <viewclass='news-container'bindlongtap='statrToNewsDeatil'>

      <viewclass='news-title'>

        <imageclass='news-title-pic'src='{{item.news_title_pic}}'></image>

        <textclass='news-title-data'>{{item.news_title_data}}</text>

      </view>

      <imageclass='content-img'src='{{item.content_img}}'></image>

      <textclass='content-text'>{{item.content_text}}</text>

      <viewclass='like-container'>

        <imageclass='like-img'src='{{item.like_img}}'></image>

        <textclass='like-text'>{{item.like_text}}</text>

        <imageclass='like-img'src='{{item.wenben_img}}'></image>

        <textclass='like-text'>{{item.wenben_text}}</text>

      </view>

    </view>

  </block>

 

注意:

1. 需要使用block标签将你想要循环的条目包裹起来

2.使用item条目数据绑定的时候调用通过,item.进行调用,名称默认是item,索引默认名称是index


4.页面跳转调

    1.跳转方法有两种

    wx.navigateTo({
url: '../main/main',
})
wx.redirectTo({
url: '../main/main',
})

    2.两种方法的区别是:wx.navigateto方法不关闭之前的页面,可以返回;后者可以返回

    3.注意的事这里面的路径是不能直接去app.json文件的路径下直接复制的,这个坑我踩过了,路径我用的是相对路径 url: '../main/main',这里面../代表的是在当前的wecome目录下返回到page目录下然后在选择你的页面路径,不明白的看一下我的目录结构,边看图边理解这句话就可以了

完美,我要下班了哈哈,祝女神们女神节快乐再见哈哈.......

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值