北京华网天下

什么是小程序框架？微信小异的作用则是让门和窗户动起来

2023-10-18

来源：网络整理

小程序框架

什么是小程序框架？

微信小程序本质上是一个基于网络技术的应用程序。它与我们平时接触到的前端网页不同。相似之处在于它们使用的开发语言、代码结构和代码运行机制。但它们也有一些区别。从最直观的角度来看，网站页面运行在浏览器中，微信小程序运行在微信中。另外，微信小程序可以与微信紧密结合，使得一些功能的开发更加便捷。比如获取用户的身份，因为微信账号实际上已经识别了用户的身份，所以只需要检索微信信息就可以轻松知道用户是谁。此外，还包括手机位置信息、手机存储的使用情况等，借助微信平台，小程序可以实现接近原生APP的操作体验。

前端开发一般采用HTML+CSS+JS的组合。假设制作一个网站或者小程序是建造一座房子，那么HTML就建造了房子的骨架。通过HTML，我们可以为房子设置一些墙壁、柱子、门窗。我们将这些称为组件，顾名思义，它们是房子的构建块。所以在实际的前端中，这些柱子、门窗就是构成一个页面的基本元素，比如图片、链接、输入框、按钮等。有了这些，就有了页面的框架。

CSS用来装饰和美化房间，就像给墙壁涂上不同的颜色和确定门窗的位置一样，让一切看起来都很顺眼。在实际的前端中，就是给每个页面元素添加样式，包括大小、颜色、位置、形状等，通过css，我们的页面就有了漂亮的视觉效果。

js的作用是让门窗移动，给组件添加需要的动态效果，比如响应鼠标点击、动态改变显示数据等功能。

通过html+css+js三部分的配合，最终形成一个完整的前端。小程序也是如此。在小程序中，html变成了wxml，css变成了wxss。这是因为小程序和普通前端在一些语法和用法上存在一些差异，但是它们各自负责的工作以及它们之间的关系没有改变，大家可以举一反三来理解。

微信小程序的框架分为两层，即视图层和逻辑层。框架的视图层采用WXML和WXSS编写，通过组件的方式展示。它负责小程序的外观；逻辑层也叫逻辑层，是js写的。对小程序的行为负责。因此，我们编写的代码主要分为三个部分：视图层、逻辑层以及它们之间的连接和交互。这个连接具体就是视图层和逻辑层之间的交互。逻辑层处理数据并发送给视图层，同时接收视图层的事件反馈。视图层将逻辑层的数据显示到界面，并将视图层的事件发送到逻辑层。

微信小程序主流框架总结

1.微信小程序官方框架MINA

官方文档：

框架：

小程序开发框架的目标是让开发者以最简单、最高效的方式在微信中开发具有原生APP体验的服务。

整个小程序框架体系分为逻辑层（App）和视图层（View）两部分。小程序提供了自己的视图层描述语言WXML和WXSS，以及基础的逻辑层框架，并提供了视图层和逻辑层之间的数据传输和事件系统，让开发者可以专注于数据和逻辑。

2. 统一应用程序

uni-app是一个统一的前端框架，使用Vue.js开发小程序、H5、Apps。开发者使用Vue语法编写代码，uni-app框架将其编译成小程序（微信/支付宝/百度/字节跳动/QQ/钉钉）、App（iOS/）、H5等平台，确保正确运行并获得卓越的体验。

特征：

更多开发者和案例：500万安装量、月活跃用户100万的开发者社区、70多个QQ、微信渠道

该团伙有10万人，病例很多。据Uni统计，月活跃用户为10亿。

更高的性能（参见评论）

周边生态更丰富，插件市场数千种

提供比原生小程序开发更好的开发体验和更高的工程效率

微信的跨终端擦拭更加完善甘肃微信小程序开发制作，各终端的特点更加灵活。能够真正实现一套码多终端覆盖，无需对多个终端进行维护和升级。

权威认可：阿里巴巴官方小程序工具内置uni-app，腾讯课堂官方自制uni-app培训视频

3.组件开发框架wepy

地址：

官网地址：

WePY项目于2016年11月启动，是最早的小程序框架之一。它是一个允许小程序支持组件开发的框架。通过预编译，开发者可以选择自己喜欢的开发风格来开发小程序。。框架细节进行优化，引入让小程序项目开发更简单、更高效。腾讯团队开源的、类似于Vue语法规范的小程序框架，借鉴了Vue的语法风格和功能特点，支持Vue的很多特性。

特征：

使用Vue实现数据绑定

支持Vue // 等特性

基于原生组件实现组件化开发

支持

4. 美团小程序框架

官方地址：

是美团点评使用Vue.js开发小程序的开源前端框架。该框架基于Vue.js的核心，修改了Vue.js的实现和实现，使其可以运行在小程序环境中，从而为小程序开发引入了一套完整的Vue.js开发经验。

通过开发小程序，您将基于小程序技术体系获得以下能力：

完善的组件开发能力：提高代码复用性

完整的Vue.js开发经验

便捷的Vuex数据管理解决方案：轻松构建复杂应用