说起小程序，我心里其实波澜万千，去年也是这个雨纷纷的季节，我来到一个创业公司的团队，开始做一个校园交友的小程序项目。彼时的我，真的是菜的一批，只会切静态页面加上一点js，连ajax网络请求都还没学好，jQuery、vue、react、node这些就更不用谈了。凭借着网上看教程视频模仿了一个小程序，然后就混进来这个团队。= = 现在想想还要感谢曾经面试官的放水，才让我在接触前端两个月之后就有机会开启实习之旅。当然小程序的开发程度怎么样，就不用多说了，我们当时是几个人一起开发，但都是菜鸟，我是属于打酱油的。每天在图书馆恶补小程序的知识，也看一些教程，才勉强实现一些功能，现在想想，真是走了太多弯路。本来应该是打基础的时间，却浪费了太多时间在小程序上面，只是学到一些皮毛的招式，收获不大，但这仍然是我比较珍贵的一段回忆，因为日子过得很充实。

　　说了这么多，是最近又重新学了一下小程序，看着熟悉的微信开发者工具，感慨万千，还是一样难用，但是比起去年算是提高不少了。

　　总结一下小程序的一些知识点。

　　小程序和vue、react这些一样都是不直接操作dom，是采用操作数据的方式，这点比jQuery方便很多，只需要专注于数据而不用去操作烦人的dom。

　　小程序的一些基本用法和指令，和vue差不多，感觉就是抄vue的。遍历数据vue是v-for ，而小程序是wx:for；判断是否展示vue是v-if，小程序是wx:if 。。。有没有感觉一股浓浓的山寨凤。行吧，既然要用人家开发的小程序，那就不能挑三拣四啦。

　　最想吐槽的是，小程序的html里触发函数需要传值的时候，传参方式有点奇葩，在vue中，直接函数后面括号里面放参数就行，在react里稍微麻烦一点需要使用bind来传，还可以接受，小程序就麻烦多了，非常麻烦，需要在html里声明 data-自定义的键：值 ， 在js的函数里使用event.target来拿到传给函数的值。。学到这里真的心里在问候小程序的开发工程师（这一点可没有抄袭哦）。

　　在react中，修改state里的值不可以直接修改，需要使用this.setState（）来进行修改，小程序这点和react差不多，用的是this.setData（）。

　　小程序的路由传参方式比较单一，只能使用类似get请求一样把参数放在路径后面。

　　小程序里也有template，可以比作页面组件，比如说一些用的比较多的页面部分，可以抽取出来，放在一个文件夹里，这里只支持html和css，不支持js，比较遗憾。用法：

class Axios{
  get(url,data,formType){
    return this.request(‘get‘,url,data,formType)
  }
  put(url,data,formType){
    return this.request(‘put‘,url,data,formType)
  }
  delete(url,data,formType){
    return this.request(‘delete‘,url,data,formType)
  }
  post(url,data,formType){
    return this.request(‘post‘,url,data,formType)
  }

  request(method,url,data,formType){
    return new Promise((resolve,reject)=>{
      // 判断post请求传的数据是表单类型还是json类型
      var contentType = formType?‘application/x-www-form-urlencoded‘:‘application/json‘

      wx.request({
        url,data,method,
        header: {
          "content-type":contentType
          // 注意上传格式   默认是json
        },
        success: (res)=>{
           resolve(res.data)
        },
        fail: (res)=>{
           reject(res)
        }
      })
    })
  }
}

module.exports = new Axios()

微信小程序介绍--前端第一站