实践出真知，小程序wepy，uni-app框架开发使用！
<h2> 一、前提</h2><p> 目前我只使用过wepy和uni-app框架开发过小程序，着重比较这两个框架使用感受！</p>
<p> 另外wepy框架已经不维护了，希望uni-app好好维护下去！</p>
<p> wepy和uni-app都是类似于vue.js规范的写法，所以熟悉Vue的人更好上手。</p>
<p> 要是开发者熟悉react，可以找下Taro框架。</p>
<h2>二、框架对比</h2>
<p> 1.DCloud社区有做过试验，对于长列表加载和点赞组件响应做了性能对比。</p>
<p> a) 长列表测试方式：从页面空列表开始，通过程序自动触发上拉加载，每次新增20条列表，记录单次耗时；固定间隔连续触发 N 次上拉加载，使得页面达到 20*N 条列表，计算这 N 次触发上拉到渲染完成的平均耗时。</p>
<p> 结果如下图：</p>
<p><img src="https://img2018.cnblogs.com/i-beta/1077539/201912/1077539-20191212153023278-1890273205.png" alt=""></p>
<p> 发现wepy栏对应的测试数据不完整，变相说明页面组件超过500个时，wepy无法完成渲染造成异常。</p>
<p> 反观uni-app，比原生性能略好？</p>
<p> 因为原生在setData调用更耗时，如果不优化uni-app性能更好，优化后还是比不了原生的。</p>
<p> <img src="https://img2018.cnblogs.com/i-beta/1077539/201912/1077539-20191212160415549-771332017.png" alt=""></p>
<p> </p>
<p> </p>
<p> b)点赞组件测试方式：选中某微博，点击“点赞”按钮，实现点赞状态状态切换;点赞按钮 onclick函数开头开始计时，setData回调函数开头结束计时；</p>
<p> 结果如下图： </p>
<p><img src="https://img2018.cnblogs.com/i-beta/1077539/201912/1077539-20191212152455041-604665958.png" alt=""></p>
<p> wepy出现同样情况，uni-app与原生相差不多；</p>
<p> 总结来说，性能消耗方面，uni-app更胜一筹，重点是页面渲染数据用了data(){}(〃'▽'〃)。</p>
<p> 我太喜欢看他们的社区了~~</p>
<p><span style="color: rgba(192, 192, 192, 1); font-size: 12px">~~偷偷的来更新~~</span></p>
<p> 2.wepy有wepy-cli脚手架，触发事件、组件循环等有更好的语法提供<br> uni-app有HBuilderX开发工具</p>
<p> </p>
<h2>三、开发风格</h2>
<p> 1. wepy支持vue的诸多特征，可按照vue单文件组件的规范写代码（但还是要学习wepy滴）；</p>
<p> 生命周期同原生一样，再糅杂一些vue的特性，但对于自定义方法需要与methods平级处理；可以用css预处理器，很方便；<br> 前提需要安装它的脚手架去做构建处理。</p>
<p><br> 2. uni-app有它自己的开发软件，内置了一套流程，让你点点点就能发布。<br> 而组件和api完全是按照小程序的语法来处理，只不过uni做了api的封装来兼容到多端。</p>
<p> uni-app也是支持所有vue的语法，另外uni还新增了生命周期。</p>
<p><br> 3. 总体来说两个框架的开发模式比较统一，学好vue，这两个也就OK。<br> npm第三方包和Promise都能很好的支持，对开发效率也有一定的提高。</p>
<p> </p>
<h2>四、开发感受 </h2>
<p> 不管使用哪个框架，小程序基础知识一定要牢固，要花时间学习好基础概念哒。<br> <br> 框架能组件化开发，效率更高，使用成熟的IDE工具简直事半功倍，快的不要不要的；<br> 微信开发工具太烂，还要不断手动处理setData，一点想撸码的心情都没有。<br> <br> 多用一个框架就有许多潜在的坑，这个是无法避免的，去看看github上的issue就知道了；<br> 如果要考虑小程序多端复用，选择uni-app更靠谱。（小声bb，平台跨的越多越不稳定，只要有一个端改动，框架没更上，就GG）<br> 要是只考虑微信小程序和h5平台，wepy足够用并且框架成熟，如果有需要看下我遇到的坑。<span style="color: rgba(192, 192, 192, 1)">（好吧，wepy不更新了，转换的h5也不怎么样，bug多）</span><br> 要不就用原生撸代码，社区欢迎你。<br> <br> 我已经上了wepy和uni-app的船了，希望早日上岸！<span style="color: rgba(192, 192, 192, 1); font-size: 12px">（对不起，我想下了wepy的船）</span><br> 瞎说完毕</p>
<p> 谢谢观看</p>
<p> 鞠躬</p>
<p> 啾咪^_^~~~~~</p>
<p> </p><br><br>
来源：https://www.cnblogs.com/anniey/p/12029491.html
頁:
[1]