当前位置:   article > 正文

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

网站有web端也有手机端用vue还是uniapp

前言

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

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

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

uni-app

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

要求:

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

语法:

基于vue.js核心代码开发,在开发过程中写法和传统的htmlcssjs类似,只是对应的标签名这些不同;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语言,类似于HTMLJSX,以及CSS来开发移动应用,语法标签采用androidios原生的标签。是一个由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
推荐阅读
相关标签