初窥小程序

学习小程序一周左右了，说一下自己使用过程中的感觉，下面的截图，我是用小程序写的以前公司的项目的demo，使用起来和app使用感觉差别不是很大，因为以前也写过React Native 感觉这两者之间有很多共同点。

Untitled.gif

• 一，项目结构
  这个就不用多说了，官网上写的很详细，跟着看一下就知道了。
• 二，布局
  小程序的布局和React Native 差不多，几乎一个flex布局就可以搞定所有样式了，相对于 原生app来说，flex布局更简单，搭建的也效率。
• 三，调试
  这个就要跟web端调试几乎差不多了，不多提了

放一下自己用到的网络请求的封装

在app.js中，添加下面代码

//全局对象httpClient
  httpClient: {
    request: function (method, url, data) {
      //返回一个promise实例
      return new Promise((resolve, reject) => {
        wx.showNavigationBarLoading()
        wx.request({
          url: url,
          data: data,
          mehtod: method,
          success: function (res) {
            resolve(res)
          },
          fail: function (res) {
            reject(res);
          },
          complete: function () {
            wx.hideNavigationBarLoading()
            console.log('complete');
          }
        })
      })
    },
    //get方法：用来获取数据
    get: function (url) {
      return this.request('GET', url);
    },
    //post方法：用来更新数据
    post: function (url, data) {
      return this.request('POST', url, data);
    }
  }

使用的时候也很简单

var  app = getApp();
app.httpClient.post('url',param).then(res=>{
      成功处理
}).

打工是不可能的.gif