恰好前段时间有学习uniapp和flutter,给你一些建议吧。
uniapp和flutter是目前比较热门的两个前端跨端解决方案!都是为了解决跨平台问题而生的多端框架。
uni-app框架uniapp – DCloud出品的前端跨平台框架
在进行下文之前先来了解下小程序演进史,下面这篇csdn刊载DCloud CEO文章,你是否知道DCloud才是小程序行业鼻祖?
https://mp.weixin.qq.com/s/Q3Dfrcf5FTmWUrsIkPWncA
目前支持小程序的大厂APP
微信、QQ、支付宝、手机淘宝、今日头条、抖音、百度、百度贴吧…
uni-app是基于Vue.js开发的跨端框架,开发者只需编写一套代码,即可编译到H5、小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用、Android/IOS等多个平台。
https://uniapp.dcloud.io/
https://github.com/dcloudio/uni-app
特点
开发者和案例更多:HBuilder装机量470万台,开发者社区月活百万,70多个QQ微信群承载10万人。案例众多,uni统计月活8.4亿性能更高更丰富的周边生态,插件市场数千款插件提供比小程序原生开发更好的开发体验、更高的工程化效率跨端抹平度更完善,且各端特色发挥更灵活,可真正实现一套代码多端覆盖权威认可:阿里小程序官方工具内置uni-appuni-app支持通过 vue-cli 命令行、HBuilderX 可视化界面两种方式快速创建项目
https://www.dcloud.io/hbuilderx.html
拥有丰富的插件市场(上千个插件)
https://ext.dcloud.net.cn/
如果想尝试下uniapp开发体验,可以去看看这篇这篇文章
https://www.toutiao.com/i6831156067406184972/
flutter框架Flutter – Google出品的跨平台移动应用开发框架
Flutter 是 Google 开源的 UI 工具包,帮助开发者通过一套代码库高效构建多平台精美应用,支持移动、Web、桌面和嵌入式平台。
https://flutter.dev/
https://flutter.cn/
https://flutterchina.club/
https://github.com/flutter/flutter
特点
跨平台:现在flutter至少可以跨5种平台,常见的平台:MacOS,Windows ,Linux ,Android ,iOS 。丝滑般的体验:使用Flutter内置的Material Design(android风格)和Cupertino(ios风格)风格组件,为用户带来全新的体验。响应式框架:使用一系列基础组件和响应式框架,可以轻松构建用户界面。使用功能强大且灵活的API可以实现复杂的界面效果。支持插件:使用插件可以访问平台本地API,如相机,蓝牙,WIFI等等。借助现有的Java,swift ,object c , c++代码实现对原生系统的调用。60fps超高性能:Flutter编写的应用可以达到60fps(每秒传输帧数)。Flutter采用GPU渲染技术,所以性能很好。完全可以胜任游戏开发。flutter支持通过 Android Studio、VScode 编辑器两种方式快速创建项目
http://www.android-studio.org/
https://code.visualstudio.com/
综上,如果你需要跨平台开发项目,技术选型时遇到问题可以从以下几点考虑。
看需求如果你的应用需求要在h5/小程序/App端同时运行,选uniapp
如果你需要适配横屏,应用需支持移动、Web、桌面和嵌入式平台,又或者之前是Android/Java开发者,建议用flutter,上手可能相对比较快/简单。
技术学习成本uni-app,要求开发者学习vue,了解小程序。如果之前有做过vue开发,那么学习起来就很简单了,它没有附加专有技术,全部使用公共技术。
flutter,要求开发者学习dart,了解dart和flutter的API、要求精通flex布局。如果之前有做过Android和Java开发,可以尝试Flutter技术。
学习成本和难度,直接意味着:开发成本、招聘成本、上线速度、上线风险。
社区生态国内开发者,选择uniapp可能是首选,插件市场有数千款插件,目前算是比较丰富的跨端开发框架生态了。
国外开发者,flutter生态肯定比uni-app好,比如facebook登陆分享、Google地图等。
okay,以上只是个人的一些小分析建议,希望能给你点点帮助哈!如果觉得能帮助到你,可以点个[赞/关注],谢谢!
css3 晃动,check css图标,video图片铺满 css,css+animation属性ease,css如何固定底部菜单,div+css框架等比缩放,css小图标分享原理