首页 > 其他分享 >【UniApp】-uni-app概述

【UniApp】-uni-app概述

时间:2023-12-07 20:24:43浏览次数:53  
标签:UniApp Web Uniapp app 学习 开发 uni 我们

前言

好,经过我们前面文章的编写,大家可以了解到微信小程序开发相关的知识,了解完了这个微信小程序开发和云开发之后,从这篇文章开始,我再来给大家写一下关于 Uniapp 的知识。

好,开始,那什么是 Uniapp 呢?这个时候我们不管三七二十一,先打开我们 Uniapp 官方文档,它官方地址也很简单,叫做 dcloud.io

这就是官方档。在官方文档当中有一个 uni-app,然后它下面写了一句话,开发一次多端覆盖,对吧?那什么叫做开发一次多端覆盖?也非常简单。

点击 uni-app 这个链接,进入,我们慢慢详细的来看:

好,点进来之后在这里面就有个介绍,uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。

开发多端应用

好,那这哥们到底有什么好处呢?

有什么好处呢?也非常的一个简单,我相信大家其实也明白什么叫做多端应用,对吧?

开发 IOS

那如果说没有 Uniapp 框架,你要想开发一个 ios app,你需要干什么?你首先需要去学习,学习什么呢?需要学习我们的一个 Object-c,或者学习我们的一个 Swift 语言,学习完毕这些语言之后再干什么?再通过这些语言开发我们的一个 IOS 应用。

开发 Android

那安卓也是一样的。开发安卓首先你要学习安卓所需要的框架语言例如学习我们的一个 Java/Kotlin 语言,对吧?好,学习完了Java/Kotlin之后干什么?再通过我们的一个叫做Java/Kotlin,开发我们的一个叫做 Android 应用, 对不对?

开发 Web

好,那么我们的 Web 前端你是不是也要去学习?学习什么?是不是去学习我们的一个 HTML,学习我们的一个 CSS,然后学习我们的一个 JS,然后呢?干什么?在通过学习的 HTML/CSS/JS 开发我们的一个 Web 应用,对吧?

开发小程序

好,那小程序就不用多说了,小程序其实用到的就是前端相关的一些东西。

其实小程序就是我们学习的前端知识,然后加上各平台小程序特有的一些,这个叫做内容(语法),然后再通过这些开发我们的一个小程序的应用,对吧?

开发多端应用的问题

所以经过我的一个总结,我就发现了一个问题,如果说没有 Uniapp 的话,你要想适配多个平台,那你是要去学习多门语言的,要进行多次开发,对吧?

过去, 要适配我们的多个平台,我们需要学习多门语言,然后进行多次开发,对不对?这样 成本 就上去了,对吧?而且这样它的开发周期是不是也比较长了,对吧?也就是说麻烦,总之就是什么呢?开发成本变高了

我将如上的内容画了一张图进行总结,大家可以看一下:

开发多端应用的解决方案

好,那为了解决这些问题,那这个时候就有人写了一个框架,叫做 Unipp,Uniapp 是什么呢,它是一个使用 Vue.js 开发的框架。

我们只需要过 Unipp 这个框架你就可以只编写一次代码,就可以打包成多个平台的应用,也就是说 Uniapp 编写的代码,可以打包成 IPA/APK/H5/WEB/小程序等多个平台的应用。

也就是说它底层把这些事情帮你做了,你通过它编写东西,它可以自动给你转换成 iOS 能够识别的,能够自动给转换成安卓能够识别的。能够自动给你转换成 Web 可以识别的。能够自动给转换成小程序能够识别的。

那这样的话,你是不是只需要编写一次代码?那是不是就可以适配多个平台了?

不同角度的看法

从过去的角度看

那相对于过去来说的话,是不是就不用学习那么多的语言了,对吧?就不用每个平台都重新开发一次了,对吧?

从公司的角度看

那如果说从公司角度来说的话,唉,是不是就不用这个叫做养多个团队了,对吧?那你的成本是不是也下来了,对吧?那这个呢也就是我们这个 Uniapp 了,知道吧,欧了。

然后关于 Uniapp 的其他东西呢?大家自己去文档里面看一下就可以了,其他东西都是一些累赘的概述,没有意义拿这里我再给大家说一遍。

好,最后你只需要记住一点,你只要知道 Uniapp 是用 Vue.js 写的,用 Vue 写的,然后通过 Uniapp 编写的应用程序可以干什么?可以一套代码就可以发布到安卓、iOS、 Web 和各种小程序了,就 OK 了。

最后

大家好我是 BNTang, 一个热爱分享的技术的开发者,如果大家觉得我的文章对你有帮助的话,可以关注我的公众号 JavaBoyL,我会在公众号中分享一些IT技术和一些个人的见解,谢谢大家的支持。

标签:UniApp,Web,Uniapp,app,学习,开发,uni,我们
From: https://www.cnblogs.com/BNTang/p/17883863.html

相关文章

  • 【Nginx/IIS】解决uniapp/Vue history模式下页面刷新404
    uniapp/Vue开启History模式本地开发:二级页面刷新或者通过链接进入二级页面是正常的打包部署后:二级页面刷新或者通过链接进入二级页面会报错404页面找不到 解决方案:Nginx配置:在nginx.conf的对应location里配置一行代码try_files$uri$uri//index.html;location/h5{......
  • 定时备份lunix文件夹
    inio需要备份,只设置备份文件夹备份,因为minio有挂载文件,所以只要把挂载文件夹备份就好了;备份脚本如下:LOG_FILE="/data/backup/minio/logfile.log"write_log(){localmessage=$1echo"$(date+"%Y-%m-%d%H:%M:%S")-$message">>"$LOG_FILE"}write_......
  • Java单元测试浅析(JUnit+Mockito)
    Java单元测试浅析(JUnit+Mockito)作者:京东物流秦彪1.什么是单元测试(1)单元测试环节:测试过程按照阶段划分分为:单元测试、集成测试、系统测试、验收测试等。相关含义如下:1)单元测试:针对计算机程序模块进行输出正确性检验工作。2)集成测试:在单元测试基础上,整合各个模......
  • 使用mumu模拟器抓包 andriod app
    背景公司H5嵌入到农行手机app里面。某天有人反馈进入国内机票订单详情时,应用崩溃了,如下图:经过测试,此问题仅在安卓手机中出现,且其他页面都正常。于是我怀疑可能是这个页面代码有问题,想着能否抓包看看大概发生了啥。手机抓包我借同事的安卓手机进行抓包,不幸的是农行app禁止我们......
  • uniapp 配置 基座调试指定页面
    在用hbuildx时,用自定义基座,调试程序时,有的页面因为基座缺少组件而进不去,这个时候就可以用指定页面的方式,我们只需要把进入页面的入参传进去,这个时候打开页面就是指定要调试的页面了。就在page.json文件最后加入"condition":{//模式配置,仅开发期间生效"current":0......
  • uniapp 图片懒加载的一种方式
    如果是列表页,可以采用前端分页,通过scroll-view下拉,在绑定图片地址信息,这样就能下拉部分,加载部分图片了。pageQuery(){letcurrentPage=this.pQuery.page;letpageSize=this.pQuery.size;constindex=(......
  • 开发APP应用程序到底是选ios好还是Android好?
    哈喽大家好,我是咕噜老尼,现在我们都知道,APP应用已经覆盖了我们的生活,成为我们生活中不可缺少的一部分,手机系统主要分两种,分别是安卓和ios系统,不少APP开发公司在制作手机APP时,都需要将同一款APP做成两种,分别适应安卓和iOS系统。那么,开发APP应用程序到底是选ios好还是Android好,我们一......
  • uniapp---wap2app去掉系统自带的导航栏
    在用uniapp进行将wap站转化为app的时候,默认打包后的文件,带有系统的导航栏,下面是去除的办法:第一步:找到sitemap.json 设置titleNView为false: 第二步:在pages加入{"webviewId":"common","matchUrls":[{"hostname":"R:.*","pa......
  • vs+xunit 单元测试
    vs中nuget安装Microsoft.NET.Test.Sdk、xunit、xunit.runner.visualstudioxunit测试demopublicclassHelloTest{//xunit提供默认输出接口privatereadonlyITestOutputHelper_output;publicHelloTest(ITestOutputHelperoutput){_outp......
  • uniapp之合并行表格
    前言此文旨在记录微信小程序中需要使用合并表头的需求场景,由于此项目使用的是Uniapp和uView这两个UI框架。然后接到一个需要查成绩的需求,表头大概长这样:碰到问题然后我惊奇的发现uniapp的table组件压根没有封装tr和td的rowspan属性,uView更是直接没有table组件。......