【框架】跨端开发框架介绍(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(不支持小程序)
相关推荐
漂流瓶jz8 小时前
Webpack中各种devtool配置的含义与SourceMap生成逻辑
前端·javascript·webpack
这是个栗子8 小时前
【问题解决】用pnpm创建的 Vue3项目找不到 .eslintrc.js文件 及 后续的eslint配置的解决办法
javascript·vue.js·pnpm·eslint
前端架构师-老李8 小时前
React 中 useCallback 的基本使用和原理解析
前端·react.js·前端框架
zy happy9 小时前
RuoyiApp 在vuex,state存储nickname vue2
前端·javascript·小程序·uni-app·vue·ruoyi
Nan_Shu_61410 小时前
学习:JavaScript(5)
开发语言·javascript·学习
533_10 小时前
[vue3] h函数,阻止事件冒泡
javascript·vue.js·elementui
通往曙光的路上10 小时前
day22_用户授权 头像上传
javascript·vue.js·ecmascript
meichaoWen10 小时前
【Vue】Vue框架的基础知识强化
前端·javascript·vue.js
西西学代码10 小时前
Flutter---DragTarget(颜色拖拽选择器)
前端·javascript·flutter
阿蓝灬10 小时前
React中的stopPropagation和preventDefault
前端·javascript·react.js