小程序开发有哪些痛点?
• 频繁调用 setData及 setData过程中页面跳闪
• 组件化支持能力太弱(几乎没有)
• 不能使用 less、scss 等预编译器
• request 并发次数限制
为什么使用第三方框架?
• 只要熟悉vue或react即可快速上手,学习成本低
• 一套代码可在多端编译运行(微信,支付宝,h5,RN) 支付宝小程序暂不完善
• 组件化开发,完美解决组件隔离,组件嵌套,组件通信等问题
• 支持使用第三方 npm 资源
• 使小程序可支持 Promise,解决回调烦恼
• 可使用 Generator Fu-nction / Class / Async Function 等特性,提升开发效率
• 对小程序本身的优化,如生命周期的补充,性能的优化等等
• 支持样式编译器: Scss/Less,模板编译器,代码编译器:Babel/Typescript。
第三方框架对比 wepy mpvue taro
• WEPY https://tencent.github.io/wepy/document.html
• 腾讯团队开源的一款类vue语法规范的小程序框架,借鉴了Vue的语法风格和功能特性,支持了Vue的诸多特征,比如父子组件、组件之间的通信、computed属性计算、wathcer监听器、props传值、slot槽分发,还有很多高级的特征支持:Mixin混合、拦截器等;WePY发布的第一个版本是2016年12月份,也就是小程序刚刚推出的时候,到目前为止,WePY已经发布了52个版本, 最新版本为1.7.2;
• MpVue http://mpvue.com/mpvue/#-html
• 美团团队开源的一款使用 Vue.js 开发微信小程序的前端框架。使用此框架,开发者将得到完整的 Vue.js 开发体验,同时为 H5 和小程序提供了代码复用的能力。mpvue在发布后的几天间获得2.7k的star,上升速度飞起,截至目前为止已经有13.7k的star;
• Taro https://taro.aotu.io/
• 京东凹凸实验室开源的一款使用 React.js 开发微信小程序的前端框架。它采用与 React 一致的组件化思想,组件生命周期与 React 保持一致,同时支持使用 JSX 语法,让代码具有更丰富的表现力,使用 Taro 进行开发可以获得和 React 一致的开发体验。,同时因为使用了react的原因所以除了能编译h5, 小程序外还可以编译为ReactNative;