第六次尝试

首页js

//index.js
//获取应用实例
Page({
  data: {
      items: []
  },
  addItem: function() { wx.navigateTo({ url: '../item/item' }) }, onLoad: function () { var that = this wx.getStorage({ key: 'db', success: function(res) { console.log(res.data.length); that.setData({ 'items':res.data }); } }) } }) 

整体开发过来，还是比较自然的。有几个要点值得注意：

1. getStorage的异步性；this的作用域，声明var that = this，才可以在success回调函数中访问。

2. AlertView模态窗口的写法，要通过绑定数据到<modal>的hidden属性，这跟以往弹窗的写法都不相同，体现小程序数据自动刷新的思想。

3.在wxss中使用流程控制跟平时的思路也不一样，是定位于整个view而言的，于是为出支红绿着色只能写成这样形式：

          <text wx:if="{{item.cate == '-'}}" class="sign-green">{{item.cate}} {{item.account}}</text>
          <text wx:else class="sign-red">{{item.cate}} {{item.account}}</text>