uni-app开发跨端项目

645 阅读2分钟

本博客持续更新中

开发准备阶段

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

uni-app开发知识汇总

项目具体设置

  • tabbar
    官网地址
    tab切换时可触发页面生命周期,必须为小于40kb的本地图片,建议81*81
	onTabItemTap(e) {
		console.log(e);
	}
  • sass配置
    在插件市场安装即可
/*声明变量*/
$width: 2000rpx;
/*表示<div class="a b"><div>/
.a {
	&.b {
    	width: $width;
    }
}