前端跨端开发选型对比_网站有web端也有手机端用vue还是uniapp

前言

在现在的大前端时代，产生了很多的跨端技术和框架，前端再也不是了那个只需要写html、css、js的时代，而是需要涉及到app、小程序、网页(web、h5、大屏数据可视化、webgl)、桌面端(window、macos、linux)这些方方面面，现在有很多可供我们选择的技术和框架以及打包工具，我们应该怎么选择呢？

目前比较常见的有以下技术和框架，本文将会结合情况进行分析，助你在跨端开发的时候选择不在有选择困难症。

• uni-app (可开发app、网页、小程序)
• react Native (可开发 android、ios app应用)
• weex 英文官网weex 中文官网(可构建iOS、Android、Web)
• vant (ui 组件库)
• electron (桌面端(window、macos、linux)的打包工具)
• flutter flutter 中文文档 (支持android、ios、window、macos、linux)
• mpvue (小程序)
• 5 + App(仅支持app)
• Wap2App(仅支持app)

简述各跨端开发技术/框架

uni-app

uni-app 是由 dcloud 出品的一款跨端开发框架，使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。

要求：

要求开发者有Vue基础，熟悉小程序开发。

语法：

基于vue.js核心代码开发，在开发过程中写法和传统的html、css、js类似，只是对应的标签名这些不同；Api结合多方 + 框架自身的Api，语法类似微信小程序。

可以看下面的代码举例

// 
<template>
    <view>
        <text>我是uni-app</text>
    </view>
</template>

// 
<script>
    ...
</script>

// 
<style>
    ...
</style>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

react Native

React Native 是由 Facebook 出品的，是将原生开发的最佳部分与 React 相结合， 致力于成为构建用户界面的顶尖 JavaScript 框架。使用js编写ui界面，在渲染的时候进行将js转换为原生的ui，所以进行复杂计算面，大数据量，或者动画时，就可能会产生一定的性能问题，增加应用的耗电量或页面卡顿等问题。

要求：

要求开发者有React基础，要求精通Flex布局，要求熟悉javascript。

语法：

react Native的写法和react大差不差，使用Javascript语言，类似于HTML的JSX，以及CSS来开发移动应用，语法标签采用android和ios原生的标签。是一个由js去调用android/ios原生的跨端框架。

可以看下面的代码举例

import React from 'react';
import { Text, View } from 'react-native';

const App = () => {
  return (
    <View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
      <Text>
        Try editing me! 
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/盐析白兔/article/detail/827470