小程序自2017年正式上线到现在，，履历一直的改版有了一定的新功效，，小程序的生态一直转变。。例如 最最先不支持其翻开的 web 页面调起小程序页面，，厥后则新增了 JS-SDK 并在高版本的基础库里支持了这样的功效；；；；；再例如它的 IDE 一直优化升级，，开发体验变好；；；；；页面的5级跳转限制，，改为了10级；；；；；小程序体积限制由 1MB 扩大为了 2MB …… 总体来说，，一直在朝着好的偏向生长。。

下面为各人介绍2018最新小程序开发文档：

web-view 的使用

应当指定一个特定的路径，，用于翻开恣意的在营业域名白名单内的页面。。页面目录

由于 所在页面只会渲染 web 页面，，其他任何组件都不显示，，以是，，在响应的 HTML 里就只包括这样的一个组件即可：

web-view/index.js 的主要逻辑如下：

Page({
  data: {
    url: '',
  },
  onLoad() {
    const sysInfo = wx.getSystemInfoSync();
    const version = new Version(sysInfo.SDKVersion);
    // web-view 组件是 1.6.4 基础库最先支持的
    // 可是其 JS-SDK 却是从 1.6.6 才最先支持
    // 以是这里要求最低为 1.6.6
    if (version.isLowerThan('1.6.6')) {
      return wx.showModal({
        title: '提醒',
        content: '目今微信版本过低，，无法在小程序内翻开网页，，请升级到最新微信版本后重试。。',
        showCancel: false,
        confirmText: '知道了',
        success() {
          wx.navigateBack();
        }
      });
    }
    // 可以拿到 URL 里的盘问参数
    if (options && options.__host) {
      let url = decodeURIComponent(options.__host || '');
      const query = Object.assign({}, options);
      delete query.__host;
      url += '?' + util.stringifyQuery(query);
      this.setData({url});
  }
})

其他页面在想使用 web-view 时就可以这样，，方式1：

  通过web-view翻开网页

或者方式2:

const url = 'https://your.host.name/path/to/page?query_1=value_1&query_2=value_2';
wx.navigateTo({
  url: '/pages/webview/index__host=' + encodeURIComponent(url)
});

数据缓存

可以较量充分地使用小程序的 storage 接口，，举行外地缓存。。建议缓存的数据包括：

元数据
用户登录后的基础数据，，例如 userId，，token
装备ID

图片资源

由于小程序的样式内外无法使用相对路径引用图片文件，，以是许多时间只好使用 base64 举行转码。。

常用的类

用于网络请求的 request.js，，支持 Promise 接口
版本判断，，Version.js
时间日期名堂化，，类似于 moment.js，，可是要更为轻量级
URL 剖析与序列化，，url.js

兼容性

iOS 与 Android 平台下，，即便相同的小程序，，也有许多细节上的差别。。在举行兼容性测试时需要凭证 H5 的平台兼容性举行测试。。

别的，，尚有微信各版本的兼容性测试。。前端要基于 Version.js 判断微信小程序 SDKVersion，，以便对低版本举行友好的提醒。。

 

小程序工具提供多类型商城/门店小程序制作，，可视化编辑 1秒天生5步上线。。通过拖拽、拼接？？
？？榻峁剐〕绦蛏坛且趁，，所看即所得，，只需要美工就能做出细腻商城。。

更多微信小程序相关资讯，，请前往：/miniprogramschool/