本博客持续更新中
开发准备阶段
- 简介
uni-app 是一个使用 Vue.js 开发的跨端框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序平台。
- 编辑器
强烈推荐HBuilderX,因为uni-app和HBuilderX都是dcloud开发的,HBuilderX对uni-app的支持是最好的,推荐安装app安装版,插件更齐全。
- 安装
安装方式有很多,推荐HBuilderX直接创建,简便、在开发的过程中HBuilderX也会有更多的提示。
- 调试
h5端需要指定浏览器
小程序端需要指定开发者工具所在目录
安卓和iOS需要真机调试
- 云开发的对比及探究
优势
dcloud是uniapp的厂家,提供专属的跨端云开发支持
开发简单、快捷、高效,由前端即可完成全栈的开发
提供cdn、云函数、云存储、云数据库,运维省心并节约服务器成本,系统安全交由云平台处理
崭新的技术,未来的趋势
劣势
目前云开发技术还不够成熟,不适合开发大型应用,对云函数和云数据库有运算、大小、并发的限制,请求速度慢于传统开发
- 尺寸及自适应
设计图建议以宽度为750px的手机为基准,长度单位使用rpx,在750px的手机上,1px = 1rpx,rpx会随屏幕的宽度自适应
uni-app开发知识汇总
- 项目目录

- 与vue的相似语法
在插值表达式、指令、methods、自定义组件的封装和引用的语法一致。
- 条件编译
官网地址
- 基本组件
官网地址
- api
官网地址
- 生命周期
官网地址
项目具体设置
- tabbar
官网地址
tab切换时可触发页面生命周期,必须为小于40kb的本地图片,建议81*81
onTabItemTap(e) {
console.log(e);
}
$width: 2000rpx;