小程序开发必备知识点，及常用插件！

 最近新工作的第一个任务就是开发小程序，自己摸索了两三天大概了解了小程序的开发流程，小程序中没有dom操作，是一套类似Vue的框架开发模式，但是又没有Vue设计的全,微信也提供了很多Api供开发着使用，缓存，提示信息，网络请求，文件上传，媒体播放，微信支付等等，还提供一套微信的标签，例如类似
的标签，开发小程序就只能用微信提供的标签，熟悉这些一个上午就行，其实就是大概了解一下，开发的时候再去查API,组件这些！
 首先说小程序中布局，刚开始会有点不习惯，如果你在最外层的标签，例如view 上写padding:30rpx;

结果就是里面的盒子被挤到超出右侧屏幕30rpx.; 解决方式就是 view 里面再套一个view在里面的盒子写padding;

以下是小程序中一些常用的开发插件：

1. 小程序中页面之间通信，小程序中可以做到的方式是要么用wx.setStorage 缓存，
   用缓存多少显得有麻烦，又得存取还得清除！
   或者使用
   wx.navigateTo({
   url: './details/details?disKeyId=' + disKeyId ,
   });
   如果传递多个参数需用 &符号拼接
   wx.navigateTo({
   url: './details/details?disKeyId=' + disKeyId +"&typeName="+typeName ,
   });
   缺点不能传递对象，
   这里推荐一个事件通信插件：
   https://github.com/hustcc/onfire.js
   使用方式：
   1.js中引入
   //订阅事件
   const onfire = require("../../lib/onfire.min.js");
   B页面中订阅事件
   let event_month_date = onfire.on('forms_date', function (data) {
   console.log('getDate ===' + data);
   choose_date = data;
   });
   A页面发送事件传递参数
   // fire event
   onfire.fire('forms_date', 参数名称);
   这个框架的方便之处就是在一个页面订阅的事件在任何页面都可以触发！

还有就是页面中获取wx:for的下标值 事件传递

QQ截图20180510120302.png

const index = parseInt(e.currentTarget.dataset['index']); // 如果有 - 会转为驼峰写法

2. 小程序的UI库
   一、 微信提供的WeUI
   二、ZanUI-WeApp 推荐
   ZanUI-WeApp