【框架】跨端开发框架介绍(Windows/MacOS/Linux/Andriod/iOS/H5/小程序)

1. 跨端框架介绍

|--------------|------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| 跨端框架 | 适用场景 | 说明 |
| 移动端 |||
| uniapp | Andriod、iOS、H5、小程序、快应用 | uniapp 是一个使用Vue开发所有前端应用的框架,开发者编写一套代码,选择相应目标进行编译,编译后分别部署到网站、APP、小程序多个平台 笔者:学会Vue和uniapp,覆盖了Andriod、iOS、H5、小程序、快应用,卷不卷。。。 |
| react native | Andriod、iOS、H5 | react native 是一个使用React开发移动APP的框架,使用Andriod和iOS本地组件作为构建块,而不是html/dom(即与ReactDOM不同,本处使用ReactNative作为渲染器)。 不需要学习Java或Objective C,只需要引用它提供的基础构建元素,如Button、Switch、ScrollView、View,它在运行时会使用平台本地组件。它可以将react native的View转换成andriod的View和Web的div,一个应用的价格可以获得三个运用。 哲学:学习一次,随处编写 笔者:学会ReactNative,覆盖了Andriod、iOS、H5,唯一遗憾是不支持编译成小程序,也是很牛逼的框架。。。 |
| flutter | Andriod、iOS、H5 | flutter是一个构建Andriod、iOS、网页的界面框架,是高性能C++和dart语言的结合,使用dart语言进行开发。 笔者:还要学dart语言,不想学吧,脑壳疼。。。 |
| WebView | Andriod、iOS、H5 | WebView是一种浏览器(支持Andriod、iOS),作为沙盒,运行移动端Web应用,但是没有原生APP流畅 哲学:编写一次,随处运行。 笔者:实现方式太旧了,没有原生APP流畅,别选。。。 |
| PC端 |||
| Electron | Window、MacOS、Linux | Electron 是使用JavaScript、HTML和CSS构建跨平台(Windows、MacOs、Linux)的桌面应用 笔者:我靠,PC端应用的活,也被Web开发抢了 |

2. 总结
  • 学Vue+uniapp+Electron,就覆盖了 Windows/MacOS/Linux/Andriod/iOS/Web/H5/小程序
  • 学React+ReactNative+Electron,就覆盖了Windows/MacOS/Linux/Andriod/iOS/Web/H5(不支持小程序)
相关推荐
可乐鸡翅yeah_4 小时前
video.js 集成 hls.js 开发 M3U8 播放器,新手高频踩坑
开发语言·前端·javascript·后端·ecmascript·m3u8·音视频在线播放
用户117953654786 小时前
TRAE vs Claude Code 性能对比:从代码生成、多文件重构到底层吞吐,谁更适合你的日常开发?
javascript
kill5227 小时前
useRef
前端·javascript·react.js
米多科技7 小时前
我做了一个 3D 虚拟世界基底,在上面再搭 3D 世界或元宇宙,事半功倍
javascript·人工智能·github
霍营_托尼8 小时前
纯前端播 40GB 本地视频?我把浏览器改造成了「磁盘流式」播放器
前端·javascript·音视频开发
西柚小萌新8 小时前
【LLM&&AI应用开发 八股文】--4.2.Agent智能体(中)
前端·javascript·react.js
Java后端的Ai之路9 小时前
03_React_JSX
前端·react.js·前端框架
百度一下吧9 小时前
断网后 WebView 加载单页面应用:页面跳转 JS 加载失败的处理方案
开发语言·javascript·ecmascript
程序员Sunday9 小时前
Promise.all、allSettled、race、any 怎么选,失败后其他请求会怎样
开发语言·前端·javascript
szial10 小时前
JavaScript 的 call、apply 和 bind:如何控制函数调用
开发语言·前端·javascript