小程序初探

发表于 
小程序是个什么鬼，你为什么这么快，为什么我的hybird没有你快！来大家一起来看看

小程序有哪些特点

  • 类web，不是html5
  • 拥有离线能力
  • 跨平台
  • 媲美原生体验

小程序架构

  • 直接上图
    示例
  • 图片来源于网络，基本是这个意思，跟rn好像(只能这么说了)

  • 官方文档摘录，可以支持上面的架构实现
    i)非原生组件绘制

    在 iOS 上，小程序的 javascript 代码是运行在 JavaScriptCore 中，是由WKWebView 来渲染的，环境有 iOS8、iOS9、iOS10
    在Android 上，小程序的 javascript 代码是通过 X5 JSCore来解析，是由 X5
    基于Mobile Chrome 37 内核来渲染的
    在 开发工具上， 小程序的 javascript 代码是运行在 nwjs 中，是由 Chrome Webview >来渲染的

    ii) 原生组件

    map、canvas、video、textarea 是由客户端创建的原生组件，原生组件的层级是最高的，所以页面中的其他组件无论设置 z-index 为多少，都无法盖在原生组件上。 原生组件暂时还无法放在 scroll-view 上，也无法对原生组件设置 css 动画。

  • 小程序启动时从cdn下载完整包
    示例

小程序demo