理解微信小程序技术架构

整体技术架构

• 视图层和逻辑层分离，通过数据驱动，事件交互，不直接操作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实现的组件有