【框架】跨端开发框架介绍(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(不支持小程序)
相关推荐
我叫黑大帅1 天前
为什么需要 @types/react?解决“无法找到模块 react 的声明文件”报错
前端·javascript·面试
之歆1 天前
DAY_21JavaScript 深度解析:数组(Array)与函数(Function)(一)
前端·javascript
爱上好庆祝1 天前
学习js的第七天(wed APIs的开始)
前端·javascript·css·学习·html·css3
ooseabiscuit1 天前
Laravel6.x核心优化与特性全解析
android·开发语言·javascript
哆啦A梦15881 天前
20, Springboot3+vue3实现前台轮播图和详情页的设计
javascript·数据库·spring boot·mybatis·vue3
gogoing1 天前
ESLint 配置字段说明
前端·javascript
Lkstar1 天前
面试官让我手写 Promise.all / Promise.race / Promise.allSettled,我直接水灵灵地写出来了
javascript·面试
gogoing1 天前
webpack 的性能优化
前端·javascript
gogoing1 天前
Node.js 模块查找策略(require 完整流程)
javascript·node.js
gogoing1 天前
await fetch() 的两阶段设计
前端·javascript