小程序运行的三种环境
1、ios端,Mac微信端
2、Android端、PC微信端
3、微信开发者模拟器端
第一步环境准备
1、小程序运行进程以及运行环境的准备
2、代码包下载、校验以及初始化
3、视图层系统组件、WebView容器和原生组件的初始化
4、逻辑层JS引擎初始化及域创建
第二步,代码注入
1、框架及第三方代码初始化
2、开发者代码注入(app.onLauch)
第三步,首屏渲染
1、逻辑图层页面初始化,这个时间点是initDataSendTime,会有Page.onLoad事件派发
2、视图层时间点走到viewLayerReaderStartTime,会有Page.onShow事件派发
3、开发者代码从后端拉取数据,准备data数据(非必须)
4、页面渲染
5、视图层时间走到viewLayerReaderEndTime,会有Page.onReady事件派发标志首屏渲染完成
启动方式:冷启动、热启动
冷启动:冷启动:小程序第一次在设备上打开或销毁后打开,这样的启动叫冷启动。以上的环境准备都是冷启动所需步骤;
优化一般指小程序冷启动的优化或者是第一次渲染时候的优化;
App周期函数:
onLaunch:生命周期回调–监听小程序初始化
onShow:生命周期回调监听小程序启动或切前台
onHide:生命周期回调–监听小程序切后台
Page周期函数:
onLoad:生命周期回调–监听页面加载
onShow:生命周期回调–监听页面显示
onReady:生命周期回调–监听页面初次渲染完成
onHide:生命周期回调–监听页面隐藏
onUnload:生命周期回调–监听页面卸载
启动中可以优化的节点
1、环境准备阶段,拉取小程序基本信息阶段
2、紧跟小程序基础库更新
3、代码注入阶段
4、合适的生命周期函数节点
5、Page.onReady事件派发、首屏渲染完成阶段
6、数据预拉取和周期更新性更新机制
7、低端机首次渲染需要较长时间渲染文章来源:https://www.toymoban.com/news/detail-487286.html
视频链接官方课程文章来源地址https://www.toymoban.com/news/detail-487286.html
到了这里,关于微信小程序的启动流程的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!