【框架】跨端开发框架介绍（Windows/MacOS/Linux/Andriod/iOS/H5/小程序）
1. 跨端框架介绍
| 跨端框架 | 基本信息 | 说明 |
| 移动端 （性能：uniapp < ReactNative < Flutter） | ||
| uniapp 注：weex已经嵌入uniapp | 适用范围：Andriod、iOS、H5、国产小程序、快应用 引擎： 所属公司：Dcloud 编辑器：HBuilder 技术偏向：Vue | 简介：uniapp是一个使用Vue开发所有前端应用的框架，开发者编写一套代码，选择相应目标进行编译，编译后分别部署到网站、APP、小程序多个平台 开发成本：开发一次，生成Andriod、iOS、小程序等多端的界面 学习成本：要求开发者有Vue基础，熟悉小程序开发 缺点：不是太接近原生，也没有很快 笔者：学会Vue和uniapp，覆盖了Andriod、iOS、H5、小程序、快应用，卷不卷。。。 |
| weex | 适用范围：Andriod、iOS、云OS、Web 引擎：V8 所属公司：Alibaba 技术偏向：Vue | 简介：weex是一个使用Vue开发Andriod、iOS、云OS、Web多端的框架 缺点：稍微比uniapp快 |
| Taro | 适用范围：Andriod、iOS（通过ReactNative实现）、H5、国产小程序 所属公司：京东 技术偏向：Taro3同时支持Vue和React | 。。。。。。 |
| ReactNative | 适用范围：Andriod、iOS、H5 引擎：JSCore 所属公司：Facebook 技术偏向：React | 简介：React Native是一个使用React开发移动APP的框架，使用Andriod和iOS本地组件作为构建块，而不是html/dom（即与ReactDOM不同，本处使用ReactNative作为渲染器）。 不需要学习Java或Objective C，只需要引用它提供的基础构建元素，如Button、Switch、ScrollView、View，它在运行时会使用平台本地组件。它可以将react native的View转换成andriod的View和Web的div，一个应用的价格可以获得三个运用。 开发体验好：用统一的代码规范开发移动端程序，不用关注移动端的差异 开发成本低：1. 开发一次，生成Andriod、iOS两个系统的APP；2. 学习一次，随处编写 学习成本：要求开发者有React基础，要求精通Flex布局，要求熟悉javascript 笔者独白：学会ReactNative，覆盖了Andriod、iOS、H5，唯一遗憾是不支持编译成小程序，也是很牛逼的框架。。。 |
| Flutter | 适用范围：Andriod、iOS、Web、Fuchsia、桌面应用、嵌入式平台、 引擎：Flutter engine 所属公司：Google 技术偏向：dart语言 | 简介：Flutter是一个构建Andriod、iOS、网页的界面框架，是高性能C++和dart语言的结合，使用dart语言进行开发。 学习成本：要求开发者有Dart语言基础，了解Dart和Flutter的API、要求精通Flex布局，要求原生开发协作 笔者独白：还要学dart语言，不想学吧，脑壳疼。。。 |
| Ionic | 适用范围： 技术偏向：Angular | 。。。。。。 |
| WebView | 适用范围：Andriod、iOS、H5 | 简介：WebView是一种浏览器（支持Andriod、iOS），作为沙盒，运行移动端Web应用，但是没有原生APP流畅 哲学：编写一次，随处运行。 笔者独白：实现方式太旧了，没有原生APP流畅，别选。。。 |
| 其它 | Hippy（腾讯）、Chameleon（滴滴）、Xamaric | 。。。。。。 |
| PC端 | ||
| Electron | 适用范围：Window、MacOS、Linux 所属公司： 技术偏向：HTML、CSS、JavaScript | Electron是使用JavaScript、HTML和CSS构建跨平台（Windows、MacOs、Linux）的桌面应用 笔者独白：握草，PC端应用的活，也被Web开发抢了 |
2. 选型总结
- 学Vue+uniapp、Electron，就覆盖了 Windows/MacOS/Linux/Andriod/iOS/Web/H5/小程序
- 学Vue+weex、Electron，。。。
- 学React+ReactNative+Electron，就覆盖了Windows/MacOS/Linux/Andriod/iOS/Web/H5（不支持小程序）
- 学Flutter，就覆盖了Windows/MacOS/Linux/Andriod/iOS/Web/H5（不支持小程序）
相关文章：
【框架】跨端开发框架介绍（Windows/MacOS/Linux/Andriod/iOS/H5/小程序）
1. 跨端框架介绍 跨端框架 基本信息 说明 移动端 （性能：uniapp < ReactNative < Flutter） uniapp 注：weex已经嵌入uniapp 适用范围：Andriod、iOS、H5、国产小程序、快应用 引擎： 所属公司&#x…...
亚马逊云科技 Lambda 运行selenium
有些定时任务需要使用自动化测试的工具，如果使用亚马逊云科技 Lambda来实现这个功能的话，那么就需要图形框架，而我们知道lambda其实是一个虚拟机，而且按照系统级别依赖比较困难。所以这里选择使用容器的形式进行发布。 在dockerf…...
算法——前缀和之除自身以外数组的乘积、和为K的子数组、和可被K整除的子数组、连续数组、矩阵区域和
这几道题对于我们前面讲过的一维、二维前缀和进行了运用,包含了面对特殊情况的反操作 目录 4.除自身以外数组的乘积 4.1解析 4.2题解 5.和为K的子数组 5.1解析 5.2题解 6.和可被K整除的子数组 6.1解析 6.2题解 7.连续数组 7.1题解 7.2题解 8.矩阵区域和 8.1解析 …...
Text-to-SQL 工具Vanna + MySQL本地部署 | 数据库对话机器人
今天我们来重点研究与实测一个开源的Text2SQL优化框架 – Vanna 1. Vanna 简介【Text-to-SQL 工具】 Vanna 是一个基于 MIT 许可的开源 Python RAG（检索增强生成）框架，用于 SQL 生成和相关功能。它允许用户在数据上训练一个 RAG “模型”&a…...
linux最佳入门（笔记）
1、内核的主要功能 2、常用命令 3、通配符：这个在一些启动文件中很常见 4、输入/输出重定向 意思就是将结果输出到别的地方，例如：ls标准会输出文件，默认是输出到屏幕，但是用>dir后，是将结果输出到dir文…...
加速 PyTorch 模型预测常见方法梳理
目录 1. 使用 GPU 加速 2. 批量推理 3. 使用半精度浮点数 (FP16) 4. 禁用梯度计算 5. 模型简化与量化 6. 使用 TorchScript 7. 模型并行和数据并行 结论 在使用 PyTorch 进行模型预测时，可以通过多种方法来加快推理速度。以下是一些加速模型预测的常用方法&…...
【STM32定时器 TIM小总结】
STM32 TIM详解 TIM介绍定时器类型基本定时器通用定时器高级定时器常用名词时序图预分频时序计数器时序图 定时器中断配置图定时器定时 代码调试 TIM介绍 定时器（Timer）是微控制器中的一个重要模块，用于生成定时和延时信号，以及处…...
RISC-V 编译环境搭建：riscv-gnu-toolchain 和 riscv-tools
RISC-V 编译环境搭建：riscv-gnu-toolchain 和 riscv-tools 编译环境搭建以及说明 操作系统：什么系统都可以 虚拟机：VMmare Workstation Pro 17.50.x (版本不限) 编译环境：Ubuntu 18.04.5 CPU：i7-8750h(虚拟机分配4核…...
一文速通ESP32（基于MicroPython）——含示例代码
ESP32 简介 ESP32-S3 是一款集成 2.4 GHz Wi-Fi 和 Bluetooth 5 (LE) 的 MCU 芯片，支持远距离模式 (Long Range)。ESP32-S3 搭载 Xtensa 32 位 LX7 双核处理器，主频高达 240 MHz，内置 512 KB SRAM (TCM)，具有 45 个可编程 GPIO 管…...
记录一次业务遇到的sql问题
刚开始工作 业务能力比较薄弱 记录一下这几天遇见的一个业务问题 场景 先简单说一下场景，有一批客户（一张表），可以根据这个客户匹配出很多明细数据（另一张表），现在需要删除明细，一个…...
代码分支管理
代码分支管理规范 一、分支管理要求 分支管理 • 将代码提交到适当的分支，遵循分支管理策略。 • 随时可以切换到线上稳定版本代码，确保可以快速回滚到稳定版本。 • 同时进行多个版本的开发工作，确保分支清晰，避免混淆。提交记录的可读性 • 提交描述准确，具有可检索性，…...
uniapp sqlite时在无法读取到已准备好数据的db文件中的数据
问题 {“code”:-1404,“message”:“android.database.sqlite.SQLiteException: no such table: user (Sqlite code 1): , while compiling: select * from user, (OS error - 2:No such file or directory),http://ask.dcloud.net.cn/article/282”} at pages/index/index.vu…...
源码编译部署LAMP
编译部署LAMP 配置apache [rootzyq ~]#: wget https://downloads.apache.org/apr/apr-1.7.4.tar.gz --2023-12-11 14:35:57-- https://downloads.apache.org/apr/apr-1.7.4.tar.gz Resolving downloads.apache.org (downloads.apache.org)... 88.99.95.219, 135.181.214.104…...
Echo框架：高性能的Golang Web框架
Echo框架：高性能的Golang Web框架 在Golang的Web开发领域，选择一个适合的框架是构建高性能和可扩展应用程序的关键。Echo是一个备受推崇的Golang Web框架，以其简洁高效和强大功能而广受欢迎。本文将介绍Echo框架的基本特点、使用方式及其优势…...
数据结构--七大排序算法（更新ing）
下面算法编写的均是按照由小到大排序版本 选择排序 思想： 每次遍历待排序元素的最大下标，与待排序元素中最后一个元素交换位置（此时需要设置一个临时变量来存放下标） 时间复杂度--O(n^2) 空间复杂度--O(1) 稳定性--不稳定 代码实…...
202203青少年软件编程（图形化） 等级考试试卷（二级）
第1题：【 单选题】 红框中加入哪个选项积木， 不能阻止气球下落？ （ ） A: B: C: D: 【正确答案】: D 【试题解析】 : 第2题：【 单选题】 下图分别是两个角色的初始位置和“黑色圆形”的程序， 点击绿旗后， 角色显示为下列哪个选项?( ) A: B: C: D: 【正确答…...
【智能硬件、大模型、LLM 智能音箱】Emo：基于树莓派 4B DIY 能笑会动的桌面机器人
简介 Emo 是一款个人伴侣机器人，集时尚与创新于一身。他的诞生离不开最新的树莓派 4 技术和先进的设计。他不仅仅是一款机器人，更是一个活生生的存在。与其他机器人不同，他拥有独特的个性和情感，能够俘获你的心灵。 硬件部分 – 树莓派 4B – 微雪 2 英寸 IPS LCD 显示屏…...
rust学习笔记（1-7）
原文 8万字带你入门Rust 1.包管理工具Cargo 新建项目 1）打开 cmd 输入命令查看 cargo 版本 cargo --version2） 使用 cargo new 项目名 在文件夹，按 shift 鼠标右键 ，打开命令行，运行如下命令，即可创建…...
vscode jupyter 如何关闭声音
网上之前搜的zen模式失败 仅仅降低sound失败 #以下是成功方式： 首先确保user和remote的声音都是0： 然后把user和remote的以下设置都设置为off就行了！ 具体操作参考 https://stackoverflow.com/questions/54173462/how-to-turn-off-or-on-so…...
plt保存PDF矢量文件中嵌入可编辑字体（可illustrator编辑）
背景： 用默认 plt.savefig() 保存图片，图中文字是以瞄点保存，而不是以文字格式。在编辑矢量图中，无法调整文字大小和字体。 方法： import matplotlib.pyplot as plt import numpy as np# ------输出的图片为illustr…...
无法与IP建立连接，未能下载VSCode服务器
如题，在远程连接服务器的时候突然遇到了这个提示。 查阅了一圈，发现是VSCode版本自动更新惹的祸！！！ 在VSCode的帮助->关于这里发现前几天VSCode自动更新了，我的版本号变成了1.100.3 才导致了远程连接出…...
鸿蒙中用HarmonyOS SDK应用服务 HarmonyOS5开发一个医院挂号小程序
一、开发准备 环境搭建： 安装DevEco Studio 3.0或更高版本配置HarmonyOS SDK申请开发者账号 项目创建： File > New > Create Project > Application (选择"Empty Ability") 二、核心功能实现 1. 医院科室展示 /…...
使用van-uploader 的UI组件，结合vue2如何实现图片上传组件的封装
以下是基于 vant-ui（适配 Vue2 版本 ）实现截图中照片上传预览、删除功能，并封装成可复用组件的完整代码，包含样式和逻辑实现，可直接在 Vue2 项目中使用： 1. 封装的图片上传组件 ImageUploader.vue <te…...
ETLCloud可能遇到的问题有哪些？常见坑位解析
数据集成平台ETLCloud，主要用于支持数据的抽取（Extract）、转换（Transform）和加载（Load）过程。提供了一个简洁直观的界面，以便用户可以在不同的数据源之间轻松地进行数据迁移和转换。…...
OPenCV CUDA模块图像处理-----对图像执行 均值漂移滤波（Mean Shift Filtering）函数meanShiftFiltering()
操作系统：ubuntu22.04 OpenCV版本：OpenCV4.9 IDE:Visual Studio Code 编程语言：C11 算法描述 在 GPU 上对图像执行 均值漂移滤波（Mean Shift Filtering），用于图像分割或平滑处理。 该函数将输入图像中的…...
Webpack性能优化：构建速度与体积优化策略
一、构建速度优化 1、升级Webpack和Node.js 优化效果：Webpack 4比Webpack 3构建时间降低60%-98%。原因： V8引擎优化（for of替代forEach、Map/Set替代Object）。默认使用更快的md4哈希算法。AST直接从Loa…...
详细解析)
Caliper 负载(Workload)详细解析
Caliper 负载(Workload)详细解析 负载(Workload)是 Caliper 性能测试的核心部分，它定义了测试期间要执行的具体合约调用行为和交易模式。下面我将全面深入地讲解负载的各个方面。 一、负载模块基本结构 一个典型的负载模块(如 workload.js)包含以下基本结构： use strict;/…...
2.3 物理层设备
在这个视频中，我们要学习工作在物理层的两种网络设备，分别是中继器和集线器。首先来看中继器。在计算机网络中两个节点之间，需要通过物理传输媒体或者说物理传输介质进行连接。像同轴电缆、双绞线就是典型的传输介质，假设A节点要给…...
【若依】框架项目部署笔记
参考【SpringBoot】【Vue】项目部署_no main manifest attribute, in springboot-0.0.1-sn-CSDN博客 多一个redis安装 准备工作： 压缩包下载：http://download.redis.io/releases 1. 上传压缩包，并进入压缩包所在目录，解压到目标…...
el-amap-bezier-curve运用及线弧度设置
文章目录 简介示例线弧度属性主要弧度相关属性其他相关样式属性完整示例链接简介 el-amap-bezier-curve 是 Vue-Amap 组件库中的一个组件，用于在 高德地图 上绘制贝塞尔曲线。 基本用法属性path定义曲线的路径，可以是多个弧线段的组合。stroke-weight线条的宽度。stroke…...