2020年小程序跨端框架横评：Taro、Uni-App、Kbone全面对比分析-七爪网

2020年小程序跨端框架横评：Taro、Uni-App、Kbone全面对比分析

小程序开发中，taro与uni-app框架都实现了接口和组件的跨平台封装，其中一些API和组件标准继承了微信小程序的规范。这一过程中，有许多值得深入研究的方面，诸如性能表现、功能实现程度，以及云开发中的数据共享难题。

taro与uni – app的跨端策略

taro和uni – app将常用接口和组件打包成跨平台API和组件，引领了小程序开发便捷化的潮流。这样做让开发者能在多个平台上轻松开发小程序。比如，当开发一款需要适配微信、支付宝等多个平台的购物小程序时，开发者无需反复从头编写相同功能的代码。各个平台对组件和接口的要求各异，这种跨端封装大大节省了时间和资源。而且，微信小程序的组件规范也被纳入其中，减少了开发者学习所需的时间。

这两个框架对某些平台独有的API也提供了相应的解决方案。这显示了框架制作者的周到思考。在遇到特定平台需求，比如百度平台对特定功能的需要时，开发者可以借助框架的辅助，更有效地满足这些要求，不会因为平台的特殊性而感到无所适从。

典型能力对比中的uni – app

以微信小程序为例，我们对其框架支持度进行了典型能力的比较。WXS技术是增强性能体验的关键，除了微信小程序的WXS，支付宝和百度也拥有类似的技术。uni-app能够全面支持这些高级技术，这使得它在多平台性能方面具有明显优势。如果开发者打算打造一款集成的电商小程序，需要在多个支付渠道和平台上展示，那么uni-app完善的技术支持将发挥重要作用。

data: {
    listData: []
},
onReachBottom() { //上拉加载
    let listData = this.data.listData;
    listData.push(...Api.getNews());//新增数据
    this.setData({
        listData
    }) //全量数据，发送数据到视图层
}

去年测试模型的效果延续至今，uni-app在特定性能方面表现稳定，这得益于其技术支持的不断完善。举例来说，其开发团队对产品进行了众多优化，比如在开发工具中增加了代码提示、跳转到定义等实用功能，这些改进显著提高了开发速度和便捷性。

data: {
    listData: []
},
onReachBottom() { //上拉加载
    // 通过长度获取下一次渲染的索引
    let index = this.data.listData.length;
    let newData = {}; //新变更数据
    Api.getNews().forEach((item) => {
        newData['listData[' + (index++) + ']'] = item //赋值，索引递增
    }) 
    this.setData(newData) //增量数据，发送数据到视图层
}

微信原生框架的性能与优化

微信自带的框架在性能上存在一些问题。比如，在处理长列表加载和众多点赞组件的响应时，这些操作往往会导致性能下降。以测试页面为例，当有20条数据需要加载时，按照原有代码，实际上会传输40条数据。

开发者有权自行进行优化。一旦数据传输过程被简化，原生框架的性能便显著提升。2019年，微信对小程序的运行性能进行了大幅优化。在针对特定数量列表的组件状态更新测试中，数据显示，经过优化后，性能有了明显的改善。

taro与微信小程序引擎的拉齐度

taro与微信小程序引擎的匹配度不高。这样一来，开发者进行实际开发时，许多功能都需要在iOS等平台上单独进行原生开发。比如，若要开发一款社交类小程序，若选用taro框架，iOS系统中的特殊交互功能就可能需要开发者进行原生开发。这无疑提高了开发成本和劳动强度。对于技术能力有限的开发者来说，可能难以高效地完成开发任务。

小程序厂家主导云开发的数据共享局限