粥里有勺糖

vuePress-theme-reco 粥里有勺糖    2018 - 2023
粥里有勺糖 粥里有勺糖

Choose mode

  • dark
  • auto
  • light
关于我
备战春秋
  • 心得总结
  • 校招考点汇总
  • 面经汇总
  • 复习自查
技术笔记
  • 技术教程
  • 模板工程
  • 源码学习
  • 技术概念
  • 个人作品
  • 学习笔记
计算机基础
  • 算法与数据结构
  • 操作系统
  • 计算机网络
  • 设计模式
  • 剑指offer
大前端
  • javascript
  • vue
  • html
  • css
  • 🌏浏览器专题
  • Web性能优化
  • regexp
  • node
面试
  • 问解
  • javascript
  • css
  • 手撕代码
  • 性能优化
  • 综合问题
  • 面经汇总
  • 小程序
手撕代码
  • 数据结构与算法
  • javascript
  • css
个人站点
  • GitHub (opens new window)
  • 博客园 (opens new window)
  • 掘金 (opens new window)
线上作品
  • 轻取(文件收集) (opens new window)
  • 个人图床 (opens new window)
  • 考勤小程序 (opens new window)
  • 时光恋人 (opens new window)
  • 在线简历生成 (opens new window)
留言板
Github (opens new window)
author-avatar

粥里有勺糖

285

文章

40

标签

关于我
备战春秋
  • 心得总结
  • 校招考点汇总
  • 面经汇总
  • 复习自查
技术笔记
  • 技术教程
  • 模板工程
  • 源码学习
  • 技术概念
  • 个人作品
  • 学习笔记
计算机基础
  • 算法与数据结构
  • 操作系统
  • 计算机网络
  • 设计模式
  • 剑指offer
大前端
  • javascript
  • vue
  • html
  • css
  • 🌏浏览器专题
  • Web性能优化
  • regexp
  • node
面试
  • 问解
  • javascript
  • css
  • 手撕代码
  • 性能优化
  • 综合问题
  • 面经汇总
  • 小程序
手撕代码
  • 数据结构与算法
  • javascript
  • css
个人站点
  • GitHub (opens new window)
  • 博客园 (opens new window)
  • 掘金 (opens new window)
线上作品
  • 轻取(文件收集) (opens new window)
  • 个人图床 (opens new window)
  • 考勤小程序 (opens new window)
  • 时光恋人 (opens new window)
  • 在线简历生成 (opens new window)
留言板
Github (opens new window)
  • Mini Program

    • 小程序相关面试题
    • 与传统移动web的异同
    • 小程序特点
    • 小程序的原理?

小程序的原理?

vuePress-theme-reco 粥里有勺糖    2018 - 2023

小程序的原理?

粥里有勺糖 2020-04-14 面试小程序

# 小程序的原理?

微信小程序为例

# 运行环境

# 渲染层

  • WXML与WXSS工作在渲染层
  • 界面使用WebView 进行渲染
  • 一个小程序存在多个界面,所以渲染层存在多个WebView线程

# 逻辑层

  • JS脚本工作在逻辑层
  • 采用JsCore线程运行JS脚本
  • 逻辑层发送网络请求也经由微信客户端转发

总结

  • 渲染层和逻辑层分别由2个线程管理
  • 两个线程的通信会经由微信客户端做中转
  • 逻辑层将数据进行处理后发送给视图层,同时接受视图层的事件反馈
  • 逻辑层并非运行在浏览器中,即JavaScript 在 web 中一些能力都无法使用

微信小程序通信模型 图片

小程序框架图 图片

  • native层就是小程序的框架,这个框架里封装了ui层组件和逻辑层组件,组件可以通过微信app提供的接口调用操作系统的一些API
  • 视图层和逻辑层的交互的数据经由native层处理
  • 视图层和逻辑层都可以调用native框架里封装好的组件和方法

参考

微信小程序官方文档 (opens new window)
微信小程序框架文档 (opens new window)
博客园:小程序工作原理浅析 (opens new window)

Edit this page (opens new window)
Last Updated: 2022/5/15 12:46:34