作者:麦土豆1937 | 来源:互联网 | 2023-08-10 17:35
这几天空下来,整理了部分需求,简单的写了点文档,供大家学习,希望能提出宝贵意见哈1.小程序是什么?区别是什么?小程序是一种无需下载安装,即可使用的手机应用。只需要扫描二维码,或是搜
这几天空下来,整理了部分需求,简单的写了点文档,供大家学习,希望能提出宝贵意见哈
1.小程序是什么? 区别 是什么?
小程序是一种无需下载安装,即可使用的手机应用。只需要扫描二维码,或是搜一搜,就能立即使用。
与APP不同的是,小程序无需下载安装、无需卸载、用完即走,那么意味着也不占手机内存,内存消耗小,响应速度快.
2.小程序开发痛点?
1.频繁调用 setData及 setData过程中页面跳闪
2.组件化支持能力太弱(几乎没有)
3.不能使用 less、scss 等预编译器
4.request 并发次数限制
3.为什么使用第三方框架?
1.只要熟悉vue或react即可快速上手,学习成本低
2.一套代码可在多端编译运行(微信,支付宝,h5,RN) 支付宝小程序暂不完善
3.组件化开发,完美解决组件隔离,组件嵌套,组件通信等问题
4.支持使用第三方 npm 资源
5.使小程序可支持 Promise,解决回调烦恼
6.可使用 Generator Function / Class / Async Function 等特性,提升开发效率
7.对小程序本身的优化,如生命周期的补充,性能的优化等等
8.支持样式编译器: Scss/Less,模板编译器,代码编译器:Babel/Typescript
4.第三方前端框架选型
在这里我通过对目前已开源的四种种常用小程序框架做一个综合对比, 还有一个叫nanchi的基于react的小程序转译框架,由于没来的及研究暂不做比较。
WEPY tencent.github.io/wepy/document
腾讯团队开源的一款类vue语法规范的小程序框架,借鉴了Vue的语法风格和功能特性,支持了Vue的诸多特征,比如父子组件、组件之间的通信、computed计算属性、wathcer监听器、props传值、slot槽分发,Mixin混入等。WePY发布的第一个版本是2016年12月份,也就是小程序刚刚推出的时候,到目前为止,WePY已经发布了52个版本, 最新版本为1.7.2;
MpVue mpvue.com/mpvue/#-html
美团团队开源的一款使用 Vue.js 开发微信小程序的前端框架。使用此框架,开发者将得到完整的 Vue.js 开发体验,同时为 H5 和小程序提供了代码复用的能力。mpvue在发布后的几天间获得2.7k的star,上升速度飞起,截至目前为止已经有13.7k的star;
Taro taro.aotu.io/
京东凹凸实验室开源的一款使用 React.js 开发微信小程序的前端框架。它采用与 React 一致的组件化思想,组件生命周期与 React 保持一致,同时支持使用 JSX 语法,让代码具有更丰富的表现力,使用 Taro 进行开发可以获得和 React 一致的开发体验,同时因为使用了react的原因所以除了能编译h5, 小程序外还可以编译为ReactNative
Uni-app https://uniapp.dcloud.io/
uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可编译到iOS、Android、H5、以及各种小程序(微信/阿里/百度/头条/QQ)等多个平台。是hbuilder团队结合mui框架
开发出一套跨多端的前端框架,支持多个原生api调用,现目前市面上使用量最多。
个人倾向于—uni-app框架有过项目经验