小程序开发架构及原理

小程序开发架构及原理

小程序宿主环境差异

iOS

JavaScriptCore WKWebView 渲染

android

X5内核

IDE 微信开发者工具

nwjs chrome和nodejs渲染

MINA框架

View(视图层): Page(WXML WXSS)

JSBridge: 微信能力、离线存储、网络请求...

App Service(逻辑层): Manager API

小程序运行机制

启动 首次打开时间比较慢

冷启动:有新版本,会下载新版本,下次打开则为新版本

热启动:用户已经打开过程序,一段时间内再次打开

加载

CDN 请求最新代码包,下一次启动时使用

小程序生命周期

应用生命周期


onLanch->onShow->onHide->onError


页面生命周期


onLoad->onShow->onReady->onHide->onUnload


两个线程:AppService Thread 、View Thread

页面路由
路由方式 页面栈表现
初始化 新页面入栈
打开新页面 新页面入栈
页面重定向 当前页面出栈,新页面入栈
页面返回 页面不断出栈,新页面入栈
Tab切换 页面全部出栈,只留下新的Tab页面
重加载 页面全部出栈,只留下新的页面

你可能感兴趣的:(小程序开发架构及原理)