背景

项目开始时间：2017年11月28日前端号：3页码：6一期上线时间：2018年1月16日。在我们的发展过程中，小程序的生态是不断变化的。比如刚开始不支持打开网页调用小程序页面，后来增加了JS-SDK，在基础库的更高版本支持这个功能；比如它的IDE不断优化升级，开发体验变得更好；第5页跳跃限制，改为10级；小程序的容量限制已经从1MB扩展到2mb.总的来说，一直在向好的方向发展。

web-view 的使用

应该指定一个特定的路径来打开商业域名白名单中的任何页面。

页面目录

因为页面只会呈现网页，不会显示其他组件，所以对应的HTML只包含这样一个组件：

web-view src=' { { URL } } '/web-view web-view/index . js的主要逻辑如下：

Page({ data: { url: ' '，}，OnLoad(){ const SysInfo=wx . GetSystemInfosync()；常量版本=新版本(sysInfo。SDKVersion)；//Web-View组件最早是由1.6.4基础库支持//但是它的JS-SDK直到1.6.6才被支持//所以这里的最低要求是1.6.6 IF(版本。低于(' 1 . 6 . 6 '){ returnwx . show modal({ title : '提示'，content: '当前版本的微信太低，无法在小程序中打开网页，请升级到最新版本的微信，然后重试'，显示cancel : false，确认文本： '明白了'，成功(){ wx . navigateback()；} });}//可以得到查询参数IF(选项选项。___主机)中的网址{让网址=解码器组件(选项。_ _ host | | ' ')；const query=Object.assign({}，options)；删除查询。_ _主机；url=“？”util.stringifyQuery(查询)；this . setdata({ URL })；}})当其他页面想要使用网络视图时，模式1:

导航器url='/pages/webview/index？_ _ host=3359your.host.name/path/to/pagequery _ 1=value _ 1 query _ 2=value _ 2 '通过网络视图或模式2:打开网页/导航器。

const URL=' https://your . host . name/path/to/page？query _ 1=value _ 1 query _ 2=value _ 2 '；wx . navigateto({ URL : '/pages/web view/index _ _ host=' encodeURIComponent(URL)})；

数据缓存

可以充分利用小程序的存储接口进行本地缓存。建议的缓存数据包括：

用户登录元数据后的基本数据，如userId、令牌设备ID

图片资源

等，由于相对路径不能在applet的样式表中使用，往往要使用base64进行转码。

网络请求的

常用的类

request.js支持Promise接口版本判断和Version.js时间日期格式化，与moment.js类似，但iOS和Android平台的url.js

兼容性

在细节上有很多不同，即使使用的是同一个小程序。在兼容性测试中，需要测试H5的平台兼容性。

此外，还有各种版本微信的兼容性测试。前端要对基于Version.js的微信小程序SDKVersion进行判断，以便对下级版本给出友好的提示。