小程序开发的技术方法.docxVIP

小程序开发的技术方法

小程序的基本技术层次

技术架构

小程序框架的核心是一个响应的数据绑定系统。

整个小程序框架系统分为两部分：视图层（View）和逻辑层（AppService）

框架可以让数据与视图非常简单地保持同步。当做数据修改的时候，只需要在逻辑层修改数据，视图层就会做相应的更新。

视图层和逻辑层分离，通过数据驱动，事件交互，不直接操作DOM

视图层负责渲染页面结构，逻辑层负责逻辑处理、数据请求、接口调用等

视图层与逻辑层通过数据和事件进行通信，逻辑层提供数据给视图层，视图层通过绑定/捕获事件发起交互让逻辑层处理

视图使用WebView渲染，JS由JSCore(IOS)/X5(Android)/nwjs(DevTool)渲染解析

JSBridge架起上层开发与Native（系统层）的桥梁，使得小程序可通过API使用原生的功能，且部分组件为原生组件实现，从而有良好体验附：浏览器内核了解

技术方案

一般来说，实图层渲染界面的技术栈有这么一些：

客户端原生或编译到原生的：Flutter/iOS/Android

用纯Web的：React/Vue/Angular,PWA/MPA,SPA

以及用原生与Web二者结合，用桥接的方式通信的混合技术

优缺点：原生的技术需要和客户端一起编译发布版本，显然不适合快读迭代；纯web最灵活，但是也会有性能问题，