一、小程序的简介

二、小程序的技术发展

就比如说，你自己写了一个APP，你想要用它访问网络，这里假设你要访问夸克浏览器，你不想要用你手机自带的浏览器访问，想要自己在APP内部直接访问，这个时候你就可以用上WebView了。

WeixinJSBridge.invoke(imagePreview, {
          
   
    current: http://inews.gtimg.com/newsapp_bt/0/1693121381/641,
    urls: [ // 所有图片的URL列表，数组格式
        https://img1.gtimg.com/10/1048/104857/10485731_980x1200_0.jpg,
        https://img1.gtimg.com/10/1048/104857/10485726_980x1200_0.jpg,
        https://img1.gtimg.com/10/1048/104857/10485729_980x1200_0.jpg
    ]
}, function(res) {
          
   
    console.log(res.err_msg)
})

同样是调用原生的浏览图片，调用方式如下：

wx.previewImage({
          
   
  current: https://img1.gtimg.com/10/1048/104857/10485726_980x1200_0.jpg,
  urls: [ // 所有图片的URL列表，数组格式
    https://img1.gtimg.com/10/1048/104857/10485731_980x1200_0.jpg,
    https://img1.gtimg.com/10/1048/104857/10485726_980x1200_0.jpg,
    https://img1.gtimg.com/10/1048/104857/10485729_980x1200_0.jpg
  ],
  success: function(res) {
          
   
    console.log(res)
  }
})

这个设计有点类似 HTML5 的 Application Cache，但在设计上规避了一些 Application Cache的不足

小插曲： 【 Application Cache 可以很简单让我们的WebApp具有离线的能力。它支持的浏览器：IE10+，FireFox，Chrome，Safari，Opera

Application Cache的优点：

1.离线浏览 – 用户可以再离线时使用Application 2.速度 – 由于缓存了资源，所以加载很快 3.减少服务端数据加载 – 浏览器只需要从服务器加载更新过的数据

缺点：

1.Manifest文件有变化时才更新（manifest是一种软件，属于AndroidManifest.xml文件，在简单的Android系统的应用中提出了重要的信息，它可以运行任何应用程序的代码） 2.一次必须更新Manifest中的所有文件，下次才生效

】

在内部测试中，我们发现离线存储能够解决一些问题，但对于一些复杂的页面依然会有白屏问题，例如页面加载了大量的 CSS 或者是 JavaScript 文件。除了白屏，影响 Web 体验的问题还有缺少操作的反馈，主要表现在两个方面：页面切换的生硬和点击的迟滞感。

三、小程序与普通网页开发的区别

小程序的主要开发语言是 JavaScript，小程序的开发同普通的网页开发相比有很大的相似性。对于前端开发者而言，从网页开发迁移到小程序的开发成本并不高，但是二者还是有些许区别的。

小程序的三大运行环境： 网页开发者在开发网页的时候，只需要使用到浏览器，并且搭配上一些辅助工具或者编辑器即可。小程序的开发则有所不同，需要经过申请小程序帐号、安装小程序开发者工具、配置项目等等过程方可完成