简述微信小程序原理

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

一、本质

首先,小程序的逻辑层和渲染层是分开的,逻辑层运行在 JSCore 中,并没有一个完整浏览器对象。

        所以就没有相关的DOM API和BOM API,这一区别导致了前端开发非常熟悉的一些库,例如 jQuery、 Zepto 等,在小程序中是无法运行的。

        同时 JSCore 的环境同 NodeJS 环境也是不尽相同,所以一些 NPM 的包在小程序中也是无法运行的。

总之,js是单线程的,小程序是双线程,逻辑层和视图层(渲染层)是分开的,同时运行的。

二、通信

        又因为小程序是双线程的,任何逻辑层和视图层的数据传递都是线程之间的通信,所以具有一定的延时,所以页面的更新就成了异步操作。

异步会使得各部分的运行时序变得复杂一些,比如在渲染首屏的时候,逻辑层与渲染层会同时开始初始化工作,但是渲染层需要有逻辑层的数据才能把界面渲染出来。

如果渲染层初始化工作较快完成,就要等逻辑层的指令才能进行下一步工作。

所以小程序的生命周期就起了作用,如下

简述微信小程序原理

三、运行机制

小程序启动运行两种情况:
1.冷启动(重新开始):用户首次打开或者小程序被微信主动销毁后再次打开的情况,此时小程序需要重新加载启动,即为冷启动。
2.热启动:用户已经打开过小程序,然后在一定时间内再次打开该小程序,此时无需重新启动,只需要将后台态的小程序切换到前台,这个过程就是热启动。

        文章来源地址https://www.toymoban.com/news/detail-509166.html

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

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

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

相关文章

  • 菜谱微信小程序源码,包含后端业务逻辑

     每日分享两个小程序源码 下载地址:无极低码:wheart.cn          首页代码,更多代码请搜索 无极低码 进行下载

    2024年02月11日
    浏览(40)
  • 微信小程序框架 —— 视图层、逻辑层与页面的生命周期

    14天阅读挑战赛 内心丰盈者,独行也如众。 目录 一、小程序框架 1.1 响应的数据绑定 1.2 页面管理 1.3 基础组件 1.4 丰富的 API 二、视图层 2.1 WXML 数据绑定 列表渲染 条件渲染 模板 2.2 WXSS 尺寸单位 样式导入 内联样式 选择器 全局样式与局部样式 2.3 WXS 三、逻辑层 3.1 注册页面

    2024年02月07日
    浏览(53)
  • 【微信小程序】6天精准入门(第2天:小程序的视图层、逻辑层、事件系统及页面生命周期)

    框架的视图层由 WXML 与 WXSS 编写, 由组件来进行展示 。 将 逻辑层的数据反映成视图 ,同时将 视图层的事件发送给逻辑层 。 WXML (WeiXin Markup language) 用于描述页面的结构。 WXS (WeiXin Script) 是小程序的一套脚本语言,结合 WXML ,可以构建出 页面的结构 。 WXSS (WeiXin Style Sheet)

    2024年02月08日
    浏览(48)
  • 【小程序教程】微信小程序的事件处理和交互逻辑(tap logpress touchmove input submint事件&冒泡与捕捉最详细讲解)

    为什么要学习事件处理和交互逻辑? 事件处理和交互逻辑在小程序开发中扮演着至关重要的角色。以下是几个原因: 提升用户体验:良好的事件处理和交互逻辑可以使小程序更加易用和友好,提升用户体验。通过合理设置事件触发条件和交互效果,可以使用户操作更加顺畅

    2024年02月04日
    浏览(51)
  • 微信小程序底层框架实现原理

    小程序(Mini Program)我们都很熟悉,它是一种不用下载安装就能使用的应用,它实现了应用“触手可及”的梦想。如今, 微信已经把小程序打造成了新的开发者生态 ,而小程序也是这么多年来,中国IT行业里为数不多的能够真正影响到普通程序员的创新成果。 在小程序没有

    2024年02月22日
    浏览(42)
  • 微信小程序运行原理揭秘:高效的更新机制

    微信小程序运行机制 官方文档描述的很详细,所以这里只介绍主要的相关概念。 小程序启动后,界面被展示给用户,此时小程序处于 前台 状态。 当用户点击右上角按钮关闭小程序,或者按了设备 Home 键离开微信时,小程序并没有完全终止运行,而是进入了 后台 状态,小程

    2024年02月05日
    浏览(38)
  • uniapp微信小程序获取屏幕宽高,胶囊按钮的位置以及Vue3.2在css层获取逻辑层的数据

    场景:在开发小程序时需要把使用了固定定位的按钮放在屏幕的中间,考虑了用 vw  vh  % 但是还要减去按钮宽的一半,所以在这里不适用。以下是uniapp中自带的获取屏幕的高宽等数据,我在这里顺便记录一些其他小知识 1.使用uni.getWindowInfo()  uniapp官网介绍: uni.getWindowInfo(

    2024年02月12日
    浏览(61)
  • 微信小程序底层框架实现原理:开篇-双线程架构

    介绍章节我们聊了一下“小程序”的一些概念和发展历程,并且拓展了一下思路。我们从本章节开始讲解小程序的架构。 本章节分解如下: 小程序的双线程架构设计。 双线程对比单线程的优势在哪里。 传统h5开发环境有什么弊端。 Native层在双线程架构中起到怎样的作用。

    2024年03月23日
    浏览(44)
  • 微信小程序通过 node 连接 mysql——方法,简要原理,及一些常见问题

    博主自己在22年夏天根据课程要求做了一个小程序连接阿里云服务器的案例,在最近又碰到了相应的需求。 原参考文章:微信小程序 Node连接本地MYSQL_微信小程序nodejs连接数据库_JJJenny0607的博客-CSDN博客 ,还请多多支持原作者! 第二次尝试的时候已经熟练许多了,但是还是遇到

    2024年02月03日
    浏览(39)
  • 印花税的本质和底层逻辑是什么?印花税降低是利好股市吗?

    内容由LLM协助生成: 印花税是一种对特定交易或证券交易征收的税费,由政府机构收取。 其本质和底层逻辑可以归结为以下几点: 资金来源:印花税是国家财政收入的一部分,用于满足政府的财政需求和公共支出。政府通过征收印花税来获取额外的资金来源。 调节市场行为

    2024年02月15日
    浏览(32)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包