uniapp是做什么的

uniapp和vue的区别是端口不一样。

uniapp是做移动端的，vue是做PC端的，uniapp就是基于vue设计的，它们的主要区别就是端口不一样，其他的功能作用都是一样的，虽然vue和uniapp可以多端编译，输出H5和小程序，但它们的css写法是受限的。

在App端，如果使用vue页面，则使用webview渲染。如果使用nvue页面（native vue的缩写），则使用原生渲染。一个App中可以同时使用两种页面，比如首页使用nvue，二级页使用vue页面，hellouniapp示例就是如此。

vue的主要功能

vue是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。

另一方面，vue完全有能力驱动采用单文件组件和vue生态系统支持的库开发的复杂单页应用。vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。vue还支持40款手绘贴纸，还可以编辑贴纸的出现时间。

你问的是前端还是后端呢？如果是后端基本上没有什么区别。

如果是前端，区别就有点大了。APP这块的前端分为原生和混合。原生APP和小程序开发区别最大，完全不一样的开发。混合APP开发我用的是uniapp，这个框架可以跨平台开发，一套代码可以同时开发成小程序和APP。混合开发和小程序的理思维模式基本上类似。

做过小程序也用过混合开发，我建议你学习混合开发，现在混合开发比较流行的是uniapp。你可以直接学习uniapp。开发一套可以应用在不同的平台。

uni-app 进行小程序开发时，更改了相应的参数后，是需要进行重新编译，才能反馈在页面同中的，然后一旦重新编译的话，默认情况下后跳转到首页，也就是在pagesjson中pages数组中的第一项。

对此uni-app是提供了有了condition >

uniapp多应用

说了这么久uniapp，到底什么是uniapp了？懂得自然懂不知道的也不要紧这么为大家科普下。

简单的来说就是一个基于vuejs写的跨多端的前端应用框架，一套代码可以编译多个平台应用程序，如我们常见的App、web、H5、小程序等，为开发工作大大提高的了效率。

看官方解释如下：

历时一个星期，丸子先用开源版给大家做了一款uniapp框架的开源程序，基于开源的WordPress系统以及丸子开发的Mini Program API插件对接网站数据到uniapp丸子开源资讯博客程序。

大家可以在WordPress后台插件搜索Mini Program API进行安装，完全免费开源。

目前这款应用支持下面平台：

多端编译会有一些兼容问题，这个问题不可能做到绝对的完美，只能出现问题根据对应问题解决，大家遇到了可以及时反馈给我们，以便及时处理。

问题反馈我写完文章放在后面大家看反馈入口。

此版本是使用uniapp应用框架来打通WordPress注册登录的多端应用程序，多端数据打通，一套代码，一个数据后台控制多个应用平台程序。

目前丸子使用WordPress结合uniapp应用框架开发到注册登录到数据打通，丸子率先踩坑，希望更多的开发者朋友跟丸子一起来开发完善程序，可以是开发者也可以是知名的WordPress站长或者WordPress使用者。

我也想做这个程序

目前丸子Beta第一版已经上架到了dcloud插件市场，大家可以直接搜索丸子小程序下载安装，记住需要用HBuliderX这个开发者工具编译。

开发工具下载地址(复制到浏览器打开)

>

项目需求：

想要知道如何在uniapp项目中引入使用小程序ui-vant weapp组件，首先得了解如果在uniapp项目中使用小程序组件

微信小程序组件 需要放在项目特殊文件夹 wxcomponents 。

在 pagesjson 对应页面的 style -> usingComponents 引入组件：

在页面中使用

我对这句话的理解是：

而我们想在uniapp项目中使用vant weapp微信小程序组件的诉求，其实是想在项目中任何位置都可以使用vant组件，所以我们需要全局注册vant小程序组件

>

configjson：

indexjs:

packagejson：

安装依赖包后启动项目即可打开微信开发者工具

注意：这里上传云函数可能失败。

解决：关闭微信工具并重开，再次上传即可。

个人建议，若要开发云函数，最好直接在小程序中开发，在uniapp中开发不仅麻烦且其它平台不通用。

最近在做一个uniapp的项目的时候，碰到了一个Tab选项卡的需求，我立马就想到了曾经在视频里看到的利用swiper实现丝滑选项卡的功能。

但是很遗憾，我并没有光看就会的本事，本着遇事不决先百度的原则，就在百度找了一篇真实有用，但是有小小bug的，下面是原po地址：

uni-app使用swiper切换页面每个滑块高度自适应

懒得点的可以接着往下看哈，我也会把详细步骤以及碰到的bug贴出来。下面是我改造后的效果图

首先就是Tab选项卡的点击切换块，这里我是用了小程序自带的scroll-view来实现的，同时给该元素添加scroll-into-view属性来实现点击跟踪（其实这效果不是特别好，我期望的效果是点击这个的时候还留点位置给上一个，但是我太菜了加上为了省事所以就直接用这个了）

scroll-into-view的用法可自行查阅官方文档

接着是swiper标签块，这里因为实现都一样，所以我就直接把原博客那边的贴过来了，大家根据自己的需求更改类名及swiper-item内部的组件即可

这里有个注意点，就是要给swiper-item内部的组件(盒子)一个相同的类名，后面获取高度时需要用到。

初始数据方面，这里我也把我的初始数据贴出来，大家根据需求自行修改即可

后面的方法本来想一个个贴的，但是发现好像有点乱，所以就直接全贴出来了，里面的逻辑大伙应该能理清吧哈哈

到这里js部分也结束了，最后是css部分，我就是在这里踩坑的。原博最后面说要给swiper-item里面的组件设置一个min-height: 100%。这样设置之后就会有个问题，也就是

因此大家在初始化css数据的时候需要注意一下，这里我也把我的初始css贴出来，大家根据需求自行修改即可

到这里这一块的内容就全部结束了，噢对了关于setSwiperHeight里面获取dom元素的方法，也就是

unicreateSelectorQuery() 。这玩意说实话我也搞不太懂，总之就跟selectorQuery选择器差不多，CVM大法：复制粘贴，然后修改数据即可。

第一次正经写文还是很紧张的哈哈，希望能帮到有需要的人。谢谢各位

以上就是关于uniapp是做什么的全部的内容，包括:uniapp是做什么的、想开发一个手机APP小程序(做一个小程序开发)、uni-app 重新编译后页面可以停留在原页面等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！