前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >小程序技术选型

小程序技术选型

作者头像
kiki.
修改2023-06-14 17:37:04
1.9K0
修改2023-06-14 17:37:04
举报
文章被收录于专栏:web全栈之路
背景

由于微信小程序原生开发,和团队技术栈(react)不统一,不支持ES7以上的高级语法,不支持工程化、缺少统一配置等局限性,选型考虑市面上主流小程序框架,期望能够:

  1. 满足当前需求,并能扩展到其他端,比如H5
  2. 技术栈统一,降低开发维护成本,提升研发效率
  3. 有不错的性能
框架语言
  1. 微信原生 wxml,类xml写法
  2. Vue: uni-app、mpvue
  3. React: taro 、rax、remax
开发维护成本

框架

Uni-app

Mpvue

Remax

Rax

Taro

语法

Vue

Vue

React

React

React

guthub stars

36.5k

20.4k,停止维护

4.3k

7.7k

30.9k

文档案例

丰富

较少

丰富

首先看团队的技术栈,目前以react为主,大家对react也更熟悉一些,考虑到开发维护成本,首选支持react语法的框架;在社区活跃度方面,uni-app和taro最为活跃,文档案例也最为丰富。

跨端兼容性

框架

Uni-app

Remax

Rax

Taro

微信小程序

支持

支持

支持

支持

H5

支持

支持

支持

支持

支付宝小程序

支持

支持

支持

支持

APP

支持

不支持

不支持

支持

QQ小程序

支持

不支持

不支持

支持

快应用

支持

不支持

不支持

支持

从跨端兼容性上考虑,uni-app和taro能力最好。

打包体积

小程序对应用内存大小在2M,在框架选择上应选择更轻量的

框架

微信小程序

Uni-app

Taro

空包

5k

61k

284k

项目包

297k

395k

1016k

Uni-app

image-20220505214303537
image-20220505214303537
image-20220506110018443
image-20220506110018443

Taro

image-20220505214408687
image-20220505214408687
image-20220506110230318
image-20220506110230318
性能

长列表数据

微信小程序

Uni-app

Taro

200

770

641

752

400

876

741

974

800

1406

1113

1547

在渲染长列表时,uni-app借助vue3和vite,在性能上做到了最好,taro也有接近原生小程序的性能。

总结

综上,taro 的优势在于符合团队技术栈,能让我们在书写更有效率的代码、拥有更丰富的生态的同时,还有不错的性能

通过上述几个方面的对比,taro基本算是最适合团队的小程序框架。

点击加入群聊【小程序/前端交流】,一起学习交流:663077768

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-05-07,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 点击加入群聊【小程序/前端交流】,一起学习交流:663077768
相关产品与服务
云开发 CloudBase
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档