zoukankan      html  css  js  c++  java
  • 实践出真知,小程序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性能更好,优化后还是比不了原生的。

     

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

        结果如下图: 

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

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

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

    ~~偷偷的来更新~~

      2.wepy有wepy-cli脚手架,触发事件、组件循环等有更好的语法提供
          uni-app有HBuilderX开发工具

    三、开发风格

      1. wepy支持vue的诸多特征,可按照vue单文件组件的规范写代码(但还是要学习wepy滴);

        生命周期同原生一样,再糅杂一些vue的特性,但对于自定义方法需要与methods平级处理;可以用css预处理器,很方便;
        前提需要安装它的脚手架去做构建处理。


      2. uni-app有它自己的开发软件,内置了一套流程,让你点点点就能发布。
        而组件和api完全是按照小程序的语法来处理,只不过uni做了api的封装来兼容到多端。

        uni-app也是支持所有vue的语法,另外uni还新增了生命周期。


      3.  总体来说两个框架的开发模式比较统一,学好vue,这两个也就OK。
        npm第三方包和Promise都能很好的支持,对开发效率也有一定的提高。

    四、开发感受 

      不管使用哪个框架,小程序基础知识一定要牢固,要花时间学习好基础概念哒。

      框架能组件化开发,效率更高,使用成熟的IDE工具简直事半功倍,快的不要不要的;
      微信开发工具太烂,还要不断手动处理setData,一点想撸码的心情都没有。

      多用一个框架就有许多潜在的坑,这个是无法避免的,去看看github上的issue就知道了;
      如果要考虑小程序多端复用,选择uni-app更靠谱。(小声bb,平台跨的越多越不稳定,只要有一个端改动,框架没更上,就GG)
      要是只考虑微信小程序和h5平台,wepy足够用并且框架成熟。
      要不就用原生撸代码,社区欢迎你。

      我已经上了wepy和uni-app的船了,希望早日上岸!(对不起,我想下了wepy的船)
      瞎说完毕

      谢谢观看

      鞠躬

      啾咪^_^~~~~~

  • 相关阅读:
    tesseract的简单使用
    快速添加请求头
    1010. 一元多项式求导 (25)
    1009. 说反话 (20)
    1008. 数组元素循环右移问题 (20)
    1007. 素数对猜想 (20)
    1006. 换个格式输出整数 (15)
    素数判断
    1002. 写出这个数 (20)
    1005. 继续(3n+1)猜想 (25)
  • 原文地址:https://www.cnblogs.com/anniey/p/12029491.html
Copyright © 2011-2022 走看看