【框架】跨端开发框架介绍(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(不支持小程序)
相关推荐
hh随便起个名4 小时前
力扣二叉树的三种遍历
javascript·数据结构·算法·leetcode
我是小路路呀5 小时前
element级联选择器:已选中一个二级节点,随后又点击了一个一级节点(仅浏览,未确认选择),此时下拉框失去焦点并关闭
javascript·vue.js·elementui
敲敲了个代码6 小时前
隐式类型转换:哈基米 == 猫 ? true :false
开发语言·前端·javascript·学习·面试·web
澄江静如练_6 小时前
列表渲染(v-for)
前端·javascript·vue.js
JustHappy6 小时前
「chrome extensions🛠️」我写了一个超级简单的浏览器插件Vue开发模板
前端·javascript·github
sg_knight6 小时前
拥抱未来:ECMAScript Modules (ESM) 深度解析
开发语言·前端·javascript·vue·ecmascript·web·esm
开发者小天6 小时前
react中useEffect的用法,以及订阅模式的原理
前端·react.js·前端框架
前端白袍7 小时前
Vue:如何实现一个具有复制功能的文字按钮?
前端·javascript·vue.js
new code Boy7 小时前
escape谨慎使用
前端·javascript·vue.js
奶球不是球7 小时前
elementplus组件中el-calendar组件自定义日期单元格内容及样式
javascript·css·css3