小程序自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/