微信小程序的启动流程

这篇具有很好参考价值的文章主要介绍了微信小程序的启动流程。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

小程序运行的三种环境

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

到了这里,关于微信小程序的启动流程的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【微信小程序】使用自定义字体的三种方法

    小程序官方提供的接口,最便捷的加载字体的方法,不过限制颇多。必须https且同源,canvas等原生组件不支持。注意!!使用本地文件无效,必须使用网络地址。 官方文档:wx.loadFontFace(Object object) | 微信开放文档 演示代码: 传统的css规则,跟loadFontFace限制一样,必须https且同

    2024年02月08日
    浏览(50)
  • 亲测微信小程序备案流程,微信小程序如何备案,微信小程序备案所需准备资料

    微信小程序为什么要备案,微信官方给出如下说明: 1、若微信小程序未上架,自2023年9月1日起,微信小程序须完成备案后才可上架; 2、若微信小程序已上架,请于2024年3月31日前完成备案,逾期未完成备案,平台将按照备案相关规定于2024年4月1日起进行清退处理。 备案系统

    2024年02月07日
    浏览(57)
  • 微信小程序页面跳转三种方式(带有中文的参数)

    1.wx.navigateTo  传参示例代码(无中文):   1.wx.navigateTo  传参示例代码(有中文):  传:  接:  2. wx.redirectTo  传参示例代码:  3. wx.reLaunch  传参示例代码: 在这些示例代码中,url 参数指定了需要打开的页面路径,同时在路径后面通过 ? 带上需要传递的参数。在被导航到

    2024年02月13日
    浏览(69)
  • 微信小程序搭建流程

    虽然开发微信小程序可以使用工具提供的测试号,但是测试号提供的功能极为有限,而且使用测 试号开发的微信小程序不能上架发布。因此说我们想要开发一个可以上架的微信小程序,首先必 须要申请微信开发者账号。大家尽可放心,个人申请和使用微信开发者账号是免费

    2024年01月20日
    浏览(59)
  • 微信小程序支付流程

    申请微信支付,配置小程序秘钥,设置秘钥和下载证书,配置HTTPS服务器即可。 具体步骤 1、申请微信支付。小程序认证以后,可以在小程序后台,微信支付菜单栏,申请微信支付。填写企业信息和对公账户,微信支付会打一笔随机金额到对公账户,输入金额完成验证后,在

    2024年02月13日
    浏览(45)
  • 微信小程序部署流程

    🐼🐼🐼 微信小程序前端、后端(Java)部署流程 可以申请云服务器,或者使用自己搭建的服务器,这里使用的是Ucloud云服务器部署。为什么要使用 Ucloud,是因为其他云服务器平台的新用户特权都嫖完了。 服务器使用 Nginx 做反向代理,所有服务统一由 443、80 端口暴露。 域

    2023年04月26日
    浏览(36)
  • 微信小程序授权流程

    小程序中的部分接口,比如地理位置、录音、摄像头、用户信息等,需要用户授权后,才可以调用。把这些接口按使用范围分成多个 scope ,用户选择对 scope 来进行授权,当授权给一个 scope 之后,其对应的所有接口都可以直接使用。 此类接口调用时: 如果用户未接受或拒绝

    2024年02月09日
    浏览(41)
  • 微信小程序备案流程

    千寻简笔记已开源,Gitee与GitHub搜索 chihiro-notes ,包含笔记源文件 .md ,以及PDF版本方便阅读,且是用了精美主题,阅读体验更佳,如果文章对你有帮助请帮我点一个 Star ~ 更新: 支持在线阅读文章,根据发布日期分类。 文章截取微信官方:小程序备案操作指引 备案期限要

    2024年02月13日
    浏览(48)
  • 微信小程序注册审核流程

    哈喽,各位亲爱的小伙伴们,大家好!今天给大家介绍如何在微信官方注册小程序 ,文章不长,一定要耐心看完,你会收获满满的。 1.在微信公众平台官网首页(mp.weixin.qq.com)点击右上角的“立即注册”按钮。选择小程序。 2.选择注册的帐号类型为小程序 3.填写邮箱和密码

    2024年02月09日
    浏览(55)
  • 微信小程序支付完整流程

    1、注册微信支付商户号(由上级或法人注册) 注册链接:https://pay.weixin.qq.com/index.php/apply/applyment_home/guide_normal#none 此商户号,需要由主管及更上级领导进行注册,会成为公司收款账户 企业注册需要材料:营业执照,对公银行账户信息,法人身份证 2、注册小程序账号(由上级或

    2024年02月10日
    浏览(46)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包