小程序渲染层和逻辑层交互原理

小程序开发和网页开发的区别

image.png

小程序运行环境

image.png

渲染页面的技术选型

image.png

小程序渲染层和逻辑层交互的关系

• Native指的是系统层，也就是微信客户端。渲染层和逻辑层是不直接交互的，而是通过Native交互。

• 当小程序需要请求第三方服务器的时候，也是由微信客户端发直接与第三方服务器交互。

  
  image.png

下边这些都是逻辑层提供的方法

1. app.js里的App()方法是用于整个应用注册的;
2. pages文件夹下的 每个页面的js文件里的Page()方法是用于节目注册的。
3. getApp()方法可以用来获取app实例对象
   ...等等

渲染层和逻辑层详细的交互关系

• 例如：当我们在页面上点击按钮触发点击事件的时候，并不是直接把事件传递给逻辑层，而是传递给系统层，由系统层转发给逻辑层。

• 当逻辑层接受到事件并处理好数据后，把处理后的数据传给系统层，再由系统层转发给渲染层去展示

  
  image.png