uni-app 简介
uni-app 简介
官网:https://uniapp.dcloud.io/
1. uni-app 是什么 ?
- uni-app 是一个使用 Vue.js 开发跨平台前端应用的框架,开发者编写一套代码,可发布到 iOS、Android、H5、小程序等多个平台。
- 那么哪里可以体现 uni-app 可以实现 “一套代码,多端发行”呢?从常用的 uni-app 开发工具 HBuilder 可以看出该特点。
2. 为什么选择 uni-app ?(uni-app 的优点)
1. 跨平台发行,运行体验更好
- 与小程序的组件、API一致;
- 兼容week原生渲染,增加了开发效率高,但是由于week坑比较多,建议还是使用局部渲
染优化;
2. 通用前端技术栈,学习成本更低
- 支持vue语法,微信小程序等API
- 内嵌mpvue
3. 开发生态,组件更丰富
- 支持通过npm安装第三方包
- 支持微信小程序自定义组件及JS SDK
- 兼容mpvue组件及项目(内嵌mpvue开源框架)
- App端支持和原生混合编码
- 插件丰富,DCloud将发布插件到市场
下图是 uni- app 插件市场
- 链接:https://ext.dcloud.net.cn/?type=FreeHot
3. 常用 uni-app 组件
1. uView
1. uView 介绍
- uView UI,是全面兼容nvue的uni-app生态框架,全面的组件和便捷的工具会让您信手拈来,如鱼得水。
- 官网:https://www.uviewui.com/
2. uView 优点
- 指南:涵盖uniapp各个方面,给开发者方向指导和设计理念,让您茅塞顿开,一马平川;
- 组件:众多组件覆盖开发过程的各个需求,组件功能丰富,多端兼容。让您快速集成,开箱即用;
- 工具库:众多的贴心小工具,是您开发过程中召之即来的利器,让您飞镖在手,百步穿杨;
- 布局:收集众多的常用页面和布局,减少开发者的重复工作,让您专注逻辑,事半功倍。
3. 个人认为 uView 是个非常强大的 uni-app 组件库,自己平时也都在使用该 uView 组件库。
2. uni-ui
1. uni-ui 介绍
- uni-ui 是一个基于uni-app全端兼容的高性能UI框架。
- 插件网址:https://ext.dcloud.net.cn/plugin?id=55
- github 地址:https://github.com/dcloudio/uni-ui
2. uni-ui 特点
- 高性能
目前为止,在小程序和混合app领域,暂时还没有比 uni-ui 更高性能的框架。 - 全端
uni-ui 的组件都是多端自适应的,底层会抹平很多小程序平台的差异或bug。 - uni统计自动集成实现免打点
uni统计是优秀的多端统计平台,见tongji.dcloud.net.cn。 - 主题扩展
uni-ui 支持uni.scss,可以方便的切换App的风格。
4. uni-app 环境搭建
- uni-app 有两种环境搭建的方式,这里采用最简单的环境搭建方法——HBuilderX。HBuilderX内置相关环境,开箱即用,无需配置 uni-app 的相关环境。进入官网下载安装该软件即可。
- 链接:https://www.dcloud.io/hbuilderx.html
uni-app 简介相关推荐
- 切换 uniapp_万能前端框架uni app初探03:底部导航开发
前言 本节我们使用uni app的底部导航功能,点击不同tab会显示不同页面,这个功能在实际项目开发中几乎是必备的. 一.基础知识 1.tabBar 如果应用是一个多 tab 应用,可以通过 tabB ...
- uni app map 地图 漂浮问题及方案
uni app map 地图 漂浮问题及方案 文章页有图片导致的问题,图片没加载出来,导致文章内容高度不固定,如果图片没加载出来,高度就是0,如果此时开始加载map,那么map就在那里加载,map原生 ...
- uni.app H5(微信公众号定位) uni.getLocation
最近在开发公众号,由于之前经常使用uni,app写APP,索性就用uni.app来开发公众号了, 不过也遇到了一个问题,就是在公众号的首页要获取用户的定位.我看了看官网的API 有个uni.getLo ...
- HBuilder X ——Uni app 学习笔记(一)
HBuilder X --Uni app 学习笔记(一) 1.pages.json配置 *pages数组中第一项表示应用启动页,数组中其他项为项目中所有页面路径. enablePullDownRefr ...
- uni app中使用图表
关于在uni app中运用图表 今天写项目,需要在uni app中使用图表,我使用的是ucharts. 具体操作如下 1.下载 ucharts可以直接在uni app的插件市场下载安装. 先在插件市场 ...
- uni app 自动化索引列表
uni app 自动化索引列表,官方推荐的第三方插件 https://ext.dcloud.net.cn/plugin?id=375 [{"letter": "A&quo ...
- HbuilderX:uni app踩坑之uView-ui
HbuilderX:uni app踩坑之uView-ui 最近在自学uniapp,想找一个ui框架提高一下学习和开发的效率,于是就网上冲浪,浪来浪去,最后选择了uView-ui这款.其实有些框架我是有 ...
- uni App+H5 实现人脸识别
uni App+H5 实现人脸识别 通过h5的视频video管理设备摄像头(不要关),在打开视频摄像时快照截取人脸照片传送到后台通过API接口调用百度人脸识别结果并通过返回数据解析自己业务需求. 1. ...
- uni app 视频播放功能
视频播放功能,需求:编译成纯h5网页,运行在任意容器里,如浏览器.安卓原生和iOS等 媒体组件video 首先使用video组件,然后高度需要自己设置 uni.createVideoContext 官 ...
- uni app(H5)中软键盘弹出,固定定位绝对定位元素位置发生错乱
一.问题如下 最近用uni app写项目,发现H5软键盘弹起,导致我固定定位的按钮被顶了上去,如图 二.解决方法 1.让其在输入框获取焦点时隐藏 百度了许多,有让输入框获取焦点时让按钮隐藏的方法,失去 ...
最新文章
- Ardino基础教程 12_感光灯
- 复制类中的属性值到另一个类的相同属性中
- Vue全家桶 + webpack 构建单页应用初体验
- 莫队算法(Mo's_Algorithm)
- 春招实习前端面试题汇总
- 如何利用JavaScript的arguments对象实现用代码打印调用栈的需求
- minio 授予永久访问权限_应对 iOS 14 权限管理 应用手把手教你打开“所有照片”权限...
- Python中string、json、bytes的相互转换
- sharepoint中显示网页库item的webpart和显示列表库item的webpart
- AcWing 1843. 圆形牛棚(暴力+枚举)
- js中如何判断按钮是否被点击了
- 翻译:iOS Swift单元测试 从入门到精通 Unit Test和UI测试 UITest
- wps如何设置试卷密封线_WPS怎么制作考试试卷?
- 易语言模拟按键 c打不出,易语言怎么编写模拟按键
- oki5530sc打印错误_我用的是四通oki 5530sc针式打印机,打印时提示正在打印,但就是不打印...
- SQL数据库注入防范 ASP.NET Globle警告
- 减轻使用者的从众心理压力 知名社群网站将隐藏赞数
- excel 某个单元格不是等于空值_EXCEL中IF函数中怎么表达某一个单元格不等于空白则返回值1.4...
- SDN网络中控制器RYU的安装
- excel运行时出现正在等待其他应用程序的OKE操作完了