小程序为什么会有两个线程

合集 - 前端小知识点(36)
1.使用同一个链接，如何实现PC打开是web 应用、手机打开是一个H5应用2.如何保证用户的使用体验3.如何解决页面请求接口大规模并发问题4.设计一套全站请求耗时统计工具5.大文件上传6.h5如何解决移动端适配问题7.实现站点一键换肤功能实现方式有哪些8.如何实现网页加载进度条9.常见图片懒加载方式有哪些10.cookie构成部分有哪些11.DNS协议了解多少12.函数式编程了解多少13.一直在window上面挂东西是否有什么风险
14.小程序为什么会有两个线程
15.如何通过设置失效时间清除本地存储的数据?16.如果不使用脚手架，如果用webpack构建一个自己的react应用17.用 nodejs 实现一个命令行工具，统计输入目录下面指定代码的行数18.package.json 里面 sideEffects 属性的作用19.script 标签上有那些属性20.SPA 中使用 hash 路由时作用和意义21.用户访问页面白屏了，原因是啥如何排查?22.[代码实现]S 中如何实现大对象深度对比23.JavaScript 中处理 100 万数据时确保性能和流畅度的几种方法24.<script> 标签放在 HTML 文档的 <body> 内底部25.虚拟滚动加加载的原理和实现思路26.ts二刷27.promise面试题28.命令行创建 uni-app 项目29.uniapp+v3的小知识点30.ts文件忽略校验31.['',''].join(" ").trim()32.自定义导航栏交互(导航栏左上角按钮+滚动动画效果)33.可视化点击x轴标签实现标签文字切换34.运行vue -V的时候vue : 无法加载文件 C:\Users\jiaho\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本35.uniapp+vue2实现下载相关36.深度响应式劫持vue3
收起

小程序有两个线程主要是为了实现更好的性能、用户体验和安全性，这两个线程分别是逻辑层线程和渲染层线程。

  1. 逻辑层线程

    • 功能作用
      • 负责处理小程序的业务逻辑，包括数据的处理、网络请求、事件响应等。例如，当用户点击小程序中的一个按钮来获取商品信息时，逻辑层会发送网络请求到服务器，接收并处理服务器返回的数据，然后将数据传递给渲染层进行展示。这就好比是小程序的“大脑”，指挥着各项业务操作的执行。
    • 性能优势
      • 独立的逻辑层线程可以专注于复杂的业务逻辑计算，避免了与渲染过程相互干扰。如果所有操作都在一个线程中进行，当进行大量数据处理或复杂的计算任务（如对大数据集进行排序、加密解密操作等）时，可能会导致页面渲染的卡顿。而有了独立的逻辑层线程，这些操作可以在后台高效地进行，不会影响用户界面的及时响应和渲染。
    • 安全考虑
      • 从安全角度来看，逻辑层线程处理数据的获取和处理，通过严格的接口和数据传递机制与渲染层交互，可以防止恶意代码直接访问和篡改数据。例如，在处理用户登录信息等敏感数据时，逻辑层可以对数据进行加密、验证等操作，确保数据的安全性。

  2. 渲染层线程

    • 功能作用
      • 主要负责将界面的布局和样式渲染出来，将用户界面呈现在屏幕上。它根据逻辑层传递过来的数据，按照预先定义好的模板和样式（如WXML和WXSS）进行页面元素的绘制和排版。例如，根据从逻辑层接收到的商品列表数据，渲染层会将商品的名称、价格、图片等信息以列表的形式展示在屏幕上。这类似于一个“画家”，将逻辑层构思好的画面展示给用户。
    • 性能优势
      • 独立的渲染层线程能够保证界面的快速渲染。因为它可以利用浏览器或小程序运行环境的渲染机制（如WebKit等），高效地处理页面的布局和样式。在一些复杂的页面，如包含大量动画效果、滚动视图的小程序页面中，渲染层线程可以单独优化渲染性能，例如通过硬件加速等技术来提升渲染速度，使页面更加流畅。
    • 用户体验提升
      • 渲染层和逻辑层的分离使得用户在操作小程序时，即使逻辑层正在处理一些耗时的任务（如加载大量数据），界面仍然可以保持一定的响应性。例如，当用户在小程序中进行搜索操作，逻辑层在后台查询数据时，渲染层可以继续响应用户的其他交互，如滚动页面、点击菜单等，不会让用户感觉到界面的冻结，从而提升了用户体验。
posted @   jialiangzai  阅读(81)  评论(0)  编辑  收藏  举报
相关博文：
· ['',''].join(" ").trim()
· script 标签上有那些属性
· 微信小程序-双线程渲染模型
· 深入小程序系列之一: 小程序原理及模拟
· 为什么要有线程？
阅读排行：
· 无需6万激活码！GitHub神秘组织3小时极速复刻Manus，手把手教你使用OpenManus搭建本
· Manus爆火，是硬核还是营销？
· 终于写完轮子一部分：tcp代理 了，记录一下
· 别再用vector＜bool＞了！Google高级工程师：这可能是STL最大的设计失误
· 单元测试从入门到精通

喜欢请打赏

扫描二维码打赏

微信打赏

了解更多

点击右上角即可分享
微信分享提示