整体技术架构
- 视图层和逻辑层分离,通过数据驱动,事件交互,不直接操作DOM
- 视图层负责渲染页面结构,逻辑层负责逻辑处理、数据请求、接口调用等
- 视图层与逻辑层通过数据和事件进行通信,逻辑层提供数据给视图层,视图层通过绑定/捕获事件发起交互让逻辑层处理
- 视图使用
WebView
渲染,JS由JSCore(IOS)/X5(Android)/nwjs(DevTool)
渲染解析- JSBridge下架起上层开发与Native(系统层)的桥梁,使得小程序可通过API使用原生的功能,且部分组件为原生组件实现,从而有良好体验
附:浏览器内核了解
组件
wxml为微信开发的一种标记语言,只能使用其指定的组件(view, text, navigator, image, button等,详见文档<组件>
)。
View - Component
- 小程序的组件基于Web Component标准
- 使用Polymer框架实现Web Component
View - Native Component
- 目前Native实现的组件有