最近小程序一公測，我也來學(xué)習(xí)了一下，然后玩了個簡單的APP。
廢話不多說，先上圖

數(shù)據(jù)是來源于易源數(shù)據(jù)
各自去下載吧，里面有注釋。

這里也說一些我這兩天以來學(xué)習(xí)的感受和踩過的坑

踩坑：

• 首先是IDE不好用，有很多BUG，比如打開項目窗口很小，保存沒有效果，而且文件顯示有問題等的
• 有時候賦值粘貼的代碼，沒有效果。解決：把那個文件最好手動再修改一下，然后重啟IDE，有時候copy不管用，還是手動敲一下
• 有時候CSS文件修改沒有效果。解決：對應(yīng)文件手動修改然后保存，command+B重新加載。
• 還有，文件的賦值粘貼也有問題，實際上你不可以直接復(fù)制文件，然后在IDE里面直接粘貼。只有先打開硬盤，然后賦值粘貼，有時候你復(fù)制粘貼了之后，沒有效果。重新修改保存一下文件，重啟IDE

技術(shù)點:

• 我是從Android過來的，發(fā)現(xiàn)它最大的不同就是，它確實有點像react，聽說好想內(nèi)核算法機制那些用的就是react的。比如頁面的數(shù)據(jù)來源，一般是在page的data里面，如果加載好了數(shù)據(jù)，只需要修改page的data里的xxx，對應(yīng)的頁面就會動態(tài)響應(yīng)式的修改數(shù)據(jù)。
• 小程序比較方便的地方就是它已經(jīng)被封裝的比較好了，很多操作都包含在了API里面，微信已經(jīng)把自身和小程序一起封裝在了一起，比如什么上傳圖片，調(diào)用相機，客服消息，通知消息等等
• app類的文件，可以全局使用。比如app.wxss里面的樣式可以全局使用，app.json可以配置整個app的一些屬性，app.js里面可以寫全局的數(shù)據(jù):globleData，每個頁面都可以getApp()獲得app對象

注意：

• 在實現(xiàn)上下拉刷新加載，最好是用scroll-view的bindscrolltoupper、bindscrolltolower然后觸發(fā)對應(yīng)的方法進行刷新和加載

• 在實現(xiàn)請求數(shù)據(jù)的時候，是寫了一個方法，這個方法是在Page{}外面的

  /**
  *page之外的函數(shù)
  page 的data 就是前面的data
  page就是Page的對象
  */
  var getJokeData = function () {
  console.log("page:" + page.data.pageIndex);
  wx.request({
    url: 'http://route.showapi.com/341-2',
    data: {
      // 這里要填填 page對象的data里面的page
      "page": page.data.pageIndex,
      "showapi_appid": showapi_appid,
      "showapi_sign": showapi_sign
    },
    method: 'GET',
    success: function (res) {
  
      // success
      wx.hideToast();
      console.log(that.data.list);
      console.log(res.data.showapi_res_body.contentlist);
      //這里可以填page.data.list 也可以that.data.list
      //因為that就指向page
      var list = page.data.list;
      for (var i = 0; i < res.data.showapi_res_body.contentlist.length; i++) {
        list.push(res.data.showapi_res_body.contentlist[i]);
      }
      console.log(list);
      //但是這里的that不能換成page 至于page和that的關(guān)系
      //因為現(xiàn)在的這個page對象 確實不= that ,that才是真正page對象的上下文對象，也就是page對象本身。 而，我的page只是作為一個形參傳入，并沒有初始化  所以page！=that
      that.setData({
        list: list,
        isRefresh: false,
        isLoadMore: false
      })**
  
    },
    fail: function () {
      // fail
    },
    complete: function () {
      // complete
    }
  })
  }

  里面要使用page的data。
  兩種方法：
  1、定義一個全局that ，在page中去賦值，這樣外部的方法就可以調(diào)用that.setData賦值了（我用的是這種）
  2、把this作為形參傳給外部的方法使用

• 我看到很多demo里面把page對象定義成一個對象提出來，然后使用其data

var page =
{
xxxx
}
Page(page)

這樣可以使用page.data.xxx的數(shù)據(jù)，但是不可以使用page.setData({
xxx:xxx
})

但是我們可以使用上面的that.data.xxx的數(shù)據(jù)，也要用that.setData({
xxx:xxx
})

原因：現(xiàn)在的這個page對象 確實不= that ,
that才是真正page對象的上下文對象，也就是page對象本身。
而，我的page只是作為一個形參傳入，并沒有初始化  所以page！=that

總結(jié)

這兩天學(xué)習(xí)小程序，就開發(fā)者而言發(fā)現(xiàn)，它確實開發(fā)起來比較簡單，而且很多東西依賴微信，而微信又封裝了，所以調(diào)用API就能解決很多問題。但是，有一些個性化定制的問題現(xiàn)在有很多坑，因為微信小程序有一些限制存在：不能超過5M，搜索沒有關(guān)鍵字，每個賬號只能發(fā)布1個，發(fā)布還要300塊，使得我們做的東西都不能隨意發(fā)布展示。。。

對比Android而言：
確實，這種程序只能叫做 小程序，拿來玩一玩，因為它只能實現(xiàn)一些很簡單的展示型功能，在交互上面有很大的限制，并且它的5M比65535可難受多了。性能上面，我覺得跟webApp差不多，但是webApp由于發(fā)展了這么久，肯定比它的優(yōu)勢還大得多。但是跟原生比，性能上面還是差得太遠

對于運營推廣而言：
小程序確實在張小龍的N個不下面難以發(fā)揮我們所期盼它發(fā)揮的作用（賺取第一桶金的熱頭），但是張小龍的戰(zhàn)略機會，未來的微信的生態(tài)圈趨勢發(fā)展如何，我們還沒有太多的看法，只有順應(yīng)局勢，等待機會啦。

github地址：https://github.com/fly7632785/Weixin-joke-demo

源碼下載：Weixin-joke-demo-master.zip