2024年4月15日发(作者：)

微信小程序框架解析

Softeem·标

一、 小程序介绍和演示

微信小程序是国腾讯公司推出的一款类APP 应用平台，用户和开发者可以在依据

腾讯发布的API 文档与微信Web开发者工具进行开发，其程序主要有以下几个特点：

1、 类Web的应用程序，但不是HTML5

2、 即用即走，随手可得

3、 拥有离线能力

4、 基于微信跨平台

5、 媲美原生操作体验

如图所示：

左图是一个微信小程序的界面。

微信小程序采用Native预告加载一个WebView。

当打开指定页面时，无需加载额外资源直接渲染，这种操

作方式极大的改善了用户的操作体验，达到了原生APP的

操作效果。

二、 小程序框架

上边两个图片可以说明微信小程序的框架结构，微信小程序里面View视图层与

AppServer逻辑层分开的，与现在主流的前后端分离开发小异，数据通信采用微信API进

行异步请求

视图层的界面布局采用wxml,视图层的样式控制采用wxss进行，在这里要说明一下，

微信小程序里面的wxml与前端里面的HTML似，都是用标签进行布局。而wxss与前端

里面的CSS一样，支持CSS3,动画，变幻等新特性，而界面的逻辑控制就是JS（微信后

期出了一个wxs，是一个类JS的语言，语法与JS差不多）

三、 小程序视图层

刚刚在上个章节提到了微信小程序的框架结构，在这个章节，我们主要来看一下视图层

的相关介绍。