微信小程序主流框架汇总
发布于 4 年前 作者 xia79 3115 次浏览 来自 分享

最近在比较不同框架相比较于原生的优势,每个框架都尝试了下,现在总结一下,后续会根据学习的不断深入慢慢完善。

官网链接

wepy
https://github.com/Tencent/wepy
https://wepyjs.github.io/wepy-docs/

taro
https://taro.jd.com/

uniapp
https://uniapp.dcloud.io/

mpvue
http://mpvue.com/

WEPY

https://tencent.github.io/wepy/document.html

介绍

腾讯团队开源的一款类vue语法规范的小程序框架,借鉴了Vue的语法风格和功能特性,支持了Vue的诸多特征,比如父子组件、组件之间的通信、computed属性计算、wathcer监听器、props传值、slot槽分发,还有很多高级的特征支持:Mixin混合、拦截器等;WePY发布的第一个版本是2016年12月份,也就是小程序刚刚推出的时候,到目前为止,WePY已经发布了52个版本, 最新版本为1.7.2;

WePY 资源汇总:awesome-wepy

WePY (发音: /'wepi/)是一款让小程序支持组件化开发的框架,通过预编译的手段让开发者可以选择自己喜欢的开发风格去开发小程序。框架的细节优化,Promise,Async Functions 的引入都是为了能让开发小程序项目变得更加简单,高效。

同时 WePY 也是一款成长中的框架,大量吸收借鉴了一些优化前端工具以及框架的设计理念和思想。如果 WePY 有不足地方,或者你有更好的想法,欢迎提交 ISSUE 或者 PR。

特性:
类 Vue 开发风格
支持自定义组件开发
支持引入 NPM 包
支持 Promise
支持 ES2015+ 特性,如 Async Functions
支持多种编译器,Less/Sass/Stylus/PostCSS、Babel/Typescript、Pug
支持多种插件处理,文件压缩,图片压缩,内容替换等
支持 Sourcemap,ESLint 等
小程序细节优化,如请求列队,事件优化等

Taro

https://taro.aotu.io/
  京东凹凸实验室开源的一款使用 React.js 开发微信小程序的前端框架。它采用与 React 一致的组件化思想,组件生命周期与 React 保持一致,同时支持使用 JSX 语法,让代码具有更丰富的表现力,使用 Taro 进行开发可以获得和 React 一致的开发体验。,同时因为使用了react的原因所以除了能编译h5, 小程序外还可以编译为ReactNative;

uni-app

uni-app 是一个使用 Vue.js 开发所有前端应用的框架,
开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台。

即使不跨端,uni-app同时也是更好的小程序开发框架。详见评测

DCloud公司拥有370万开发者用户,旗下uni-app有5万+案例、900款插件、50+微信/qq群,并且被阿里小程序工具内置(详见),开发者可以放心选择。

MpVue

http://mpvue.com/mpvue/#-html
  美团团队开源的一款使用 Vue.js 开发微信小程序的前端框架。使用此框架,开发者将得到完整的 Vue.js 开发体验,同时为 H5 和小程序提供了代码复用的能力。mpvue在发布后的几天间获得2.7k的star,上升速度飞起,截至目前为止已经有13.7k的star;

3 回复

引入过多框架是否会带来性能的损耗,因此我比较倾向与原生,如果是框架的话,我会选择redux,目前在工程中使用很舒适。

对于小程序,有一个疑问,是否会被破解,源码是否会被反编译获取到,在安卓模拟器里面获取wxpkg的漏洞是否已经修复。如未修复,引入框架会把代码混淆,也是一种保护版权的方法。

uniapp,基于Vuejs,还可以直接出android和ios,一直用一直爽

nanachi, megalo, kbone, mpx, chameleon, remax 正在向你招手

回到顶部