【框架】跨端开发框架介绍(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(不支持小程序)
相关推荐
To_OC8 小时前
LC 35 搜索插入位置:二分查找谁都会,边界条件谁写谁懵
javascript·算法·leetcode
码哥DFS8 小时前
二叉树的直径
开发语言·javascript·算法
烬羽9 小时前
上来就用 useState?你大概率用错了——useRef 的三种正确打开方式
react.js·前端框架·全栈
光影少年10 小时前
RN的Fabric 渲染流程
运维·前端·javascript·react native·react.js·fabric
烬羽11 小时前
《React Router 受保护路由的 3 个坑,第 2 个 90% 的人都踩过》
react.js·性能优化·全栈
__zRainy__11 小时前
React开始:直接在网站中使用React.js
前端·react.js·前端框架
用户9385156350712 小时前
React Router 进阶:路由守卫、登录鉴权与状态传递
前端·javascript·全栈
kyriewen12 小时前
我重写了自己用了两年的防抖节流Hook——发现里面藏着3个隐藏bug
前端·javascript·面试
漂流瓶jz13 小时前
Webpack开发环境:观察模式/webpack-dev-server/HMR热更新
前端·javascript·webpack
小爬的老粉丝13 小时前
Vue 3 文件预览生产排障:Worker/WASM 404、鉴权 Blob 与子路径
javascript·vue.js·wasm