实践出真知,小程序wepy,uni-app框架开发使用!

 一、前提

  目前我只使用过wepy和uni-app框架开发过小程序,着重比较这两个框架使用感受!

  另外wepy框架已经不维护了,希望uni-app好好维护下去!

  wepy和uni-app都是类似于vue.js规范的写法,所以熟悉Vue的人更好上手。

  要是开发者熟悉react,可以找下Taro框架

二、框架对比

  1.DCloud社区有做过试验,对于长列表加载和点赞组件响应做了性能对比。

  a) 长列表测试方式:从页面空列表开始,通过程序自动触发上拉加载,每次新增20条列表,记录单次耗时;固定间隔连续触发 N 次上拉加载,使得页面达到 20*N 条列表,计算这 N 次触发上拉到渲染完成的平均耗时。

  结果如下图:

   发现wepy栏对应的测试数据不完整,变相说明页面组件超过500个时,wepy无法完成渲染造成异常。

  反观uni-app,比原生性能略好?

    因为原生在setData调用更耗时,如果不优化uni-app性能更好,优化后还是比不了原生的。

扫描二维码关注公众号,回复: 11111099 查看本文章

 

   b)点赞组件测试方式:选中某微博,点击“点赞”按钮,实现点赞状态状态切换;点赞按钮 onclick函数开头开始计时,setData回调函数开头结束计时;

    结果如下图: 

   wepy出现同样情况,uni-app与原生相差不多;

  总结来说,性能消耗方面,uni-app更胜一筹,重点是页面渲染数据用了data(){}(〃'▽'〃)。

  我太喜欢看他们的社区了~~

猜你喜欢

转载自www.cnblogs.com/anniey/p/12029491.html