1. 小顺序许多要领都是异步的缘由（官方说法：生成异步）

刚打仗小顺序的时刻，发明许多微信供应的api都是异步的，如路由跳转，设置和读取缓存，另有猎取节点信息等微信的api，都是异步的，须要传入回调函数才取得效果，在我们平常的前端开辟中，这些都不是异步的，当时很新鲜为何是如许的，近来看了微信的一个开辟教程以后，总算是邃晓了。微信小顺序开辟教程

小顺序的底层架构是双线程形式，逻辑层和衬着层是脱离的两个线程，衬着层指的就是衬着wxml和wxss，逻辑层指的是实行js文件，两个线程脱离运转，经由过程微信客户端举行通讯，挪用微信的api的时刻实在就是实行js的线程和微信客户端通讯。
下图是微信官方文档里衬着页面的一个流程图

注意事项：
上述说了，小顺序的衬着层和逻辑层是脱离的两个线程，实行js逻辑的只需一个线程，所以在js里声清楚明了的函数，只需有挪用，就算页面卸载了，终究都邑实行，所以要注意的是，一些interval，或许一些注册的其他函数，假如不想在页面脱离后继承实行的话，在页面卸载的时刻要注销掉。

2. 宣布和定阅形式

先补充一个知识点：在小顺序的appjs的onLaunch里，给全局变量wx增加的属性，是全局有用的，能在其他页面中挪用，比方：

onLaunch: function () {
    wx.aaa = '123456'; 
    wx.bbb = function () { console.log('541521') }
}


onLoad: function () {
    console.log(wx.aaa);
    wx.bbb();
}

之前对宣布和定阅一向没什么观点，然则多学点东西总没害处，近期本身花了点时候特地看了一下，也许邃晓了一点。

定阅：定阅就是在某个处所注册一个自定义的事宜，供其他处所挪用
宣布：触发已定阅的函数

下面是我写的一个要领，能够会有一些bug，然则现在没有发明，如果有题目的话迎接交换一下

const myEvent = (function() {
  // 声明要领
  var pub, sub, remove;

  // 定阅缓存纪录
  var subCache = {};
  // 宣布缓存纪录
  var pubCache = {};
  // 参数缓存
  var paramCache = {};

  // 定阅事宜
  sub = function(key, fn) {
    if (!subCache[key]) {
      subCache[key] = [];
    }
    // 增加到定阅缓存中

    subCache[key].push(fn);
    // 假如有宣布纪录，则直接实行函数
    if (pubCache[key]) {
      if (paramCache[key]) {
        fn.apply(null, paramCache[key]);
      } else {
        fn.apply(null);
      }
      // 假如把参数和宣布缓存消灭的话，就是只允许单次实行
      // paramCache[key] = [];
      // pubCache[key] = undefined;
    }
  };
  pub = function() {
    var key = Array.prototype.shift.call(arguments);
    var fns = subCache[key];
    var args = Array.prototype.slice.call(arguments, 0);
    pubCache[key] = true;
    paramCache[key] = args;
    if (!fns || fns.length === 0) {
      return;
    }
    // 有定阅纪录，则直接实行
    for (let fn of fns) {
      fn.apply(null, args);
    }
  };
  remove = function(key, fn) {
    if (subCache[key]) {
      if (fn) {
        for(let i = 0, len = subCache[key].length; i < len; i++) {
          if (fn == subCache[key][i]) {
            subCache[key].splice(i, 1);
            break;
          }
        }
      } else {
        // 把一切的缓存悉数消灭
        subCache[key] = undefined;
        pubCache[key] = undefined;
        paramCache[key] = undefined;
      }
    }
  };
  return {
    pub: pub,
    sub: sub,
    remove: remove
  };
})();

module.exports = myEvent;

运用要领以下：
在appjs里引入MyEvent，并挂载在wx对象上

App({
  onLaunch: function () {
    const MyEvent = require('myEvent的途径');
    wx.myEvent = MyEvent;
  }
})

在个中页面页面1的onShow里定阅test1事宜，宣布test2事宜

onLoad: function(){
    wx.myEvent.sub('test1', function () {
        console.log('test1');
    });
},
onShow: function () {
    wx.myEvent.pub('test2', 'test2' + new Date().getTime());
}

在页面2的onLoad事宜里，宣布test1事宜，定阅test2事宜

onLoad: function(options) {
    wx.myEvent.pub('test1');
    wx.myEvent.sub('test2', function(a){
      console.log(a);
    });
}

一. 在页面1的时刻，实行了定阅test1事宜，宣布了test2事宜，然则test1没有宣布，定阅的事宜不会实行，test2事宜没有定阅，也不会实行。

二. 从页面1跳转到页面2，宣布了test1事宜，直接实行之前已注册好的test1事宜，定阅test2事宜，由于有test2的宣布事宜，定阅以后直接实行，效果是打印一次test1，打印一次test2。

三. 从页面2返回到页面1，实行onShow事宜，再次宣布test2事宜，打印一次test2

四. 从页面1到页面2，宣布了test1事宜，事宜test2反复定阅了，定阅了两次，打印一次test1。

五. 从页面2返回页面1，宣布test2，由于test2事宜定阅了两次，所以打印了两次test2，所以要注意在不须要的处所把事宜注销。

在页面2的onUnload事宜里把事宜test2注销掉，在从页面2回到页面1的时刻，事宜test2已注销了，不会再实行。

onUnload: function() {
    wx.myEvent.remove('test2');
}

道理和用法说明：
道理：
全局只需一个wx对象，将myEvent挂载在wx上，所以全局也只需一个wx.myEvent对象，myEvent里用到了闭包，定阅的函数和参数都有保留在内存里，所以能完成定阅和宣布的功用。
现在事宜定阅是用的数组存储，可完成同一个事宜定阅屡次，假如不须要的话可自行修改成只能定阅一次的要领。
用法：
平经常使用于跨页面的操纵，比方在某个页面定阅某个事宜，在另一份页面实行了某项操纵以后，宣布该事宜，会直接实行定阅的事宜，完成页面间的一些数据通报。
另有也可用于异步要求，先定阅某个事宜，异步要求数据，要求数据返来以后，再宣布。

运用例子
在运用宣布和定阅的要领之前，比方新增地点，从列表页面跳转到新增页面，在新增页面新增地点胜利以后，将新增的地点放到缓存，接着返回列表页面，运用navigateBack，在列表页面的onShow里检测是不是有缓存，有缓存，则从新加载地点列表
运用宣布定阅的要领以后，能够在列表页面的onLoad里定阅新增地点的事宜，在新增地点页面，新增以后，宣布一个新增地点事宜，列表页面监听到有新增地点事宜，则新增一个地点，霎时觉得嵬峨上了

3. 引荐几个小顺序的组件库

用他人的源码能够加速开辟速率，而且能够进修他人的源码
We UI WeUI 是一套同微信原生视觉体验一致的基本款式库，由微信官方设想团队为微信内网页和微信小顺序量身设想，令用户的运用感知越发一致。这个是一个款式库，只供应款式。
vant-weapp 这个是一个组件库，内里封装了一些经常使用的组件，是有赞的vant组件库的小顺序版本，个人觉得用起来照样挺好用的。

待补充……