美文网首页
uni-app项目开发笔记

uni-app项目开发笔记

作者: 前端_娟 | 来源:发表于2020-05-30 11:07 被阅读0次

开发工具:使用HBuilderX开发;使用脚手架快速搭建;

pages.json 页面路由配置。标题,全局窗口样式;

manifest.json 配置应用名称,appid,logo,版本号等打包信息

uni.scss 内置的sass变量,可以直接使用;

尺寸rpx,(upx是uni app自带的尺寸适配;)


样式和class

小程序的单位==》 750rpx=屏幕的宽度

h5单位==》 100vw=屏幕的宽度 100vh=屏幕的高度


基本语法

在标签的属性上通过:data-index=‘数据’,{{数据}}来使用

v-if 不适合做频繁的切换显示,v-show适合做频繁的切换显示;


生命周期

uni-app生命周期结合了vue和微信小程序的生命周期

全局app使用onLaunch表示应用启动(app.vue)

页面用onLoad(页面加载完成)和onShow(页面显示)

组件用mounted组件挂载完成时

页面显示

相关文章

  • uniapp项目嵌入到iOS原生及交互踩坑指南

    先说一下项目背景,uni-app开发同事已经写好的项目,需要用到一个iOS原生的视频上传SDK,uni-app开发...

  • uni-app开发小程序时遇到的坑

    最近没有更新笔记,因为在做一个紧急项目。 使用uni-app开发微信小程序,项目周期很短,所以每天都在加班的节奏。...

  • uni-app项目开发笔记

    开发工具:使用HBuilderX开发;使用脚手架快速搭建;pages.json 页面路由配置。标题,全局窗口样式;...

  • 2019-03-20

    9 多端开发之uni-app起步 1.在HBuilderX中新建uni-app 2.项目初始目录结构 4.配置pa...

  • uni-app初探

    uni-app项目创建 首先,建议开发者使用HBuilderX作为开发工具; 第一步:文件→新建→项目 第二步:选...

  • uni-app开发笔记_01

    这两个月接触了uni-app的项目,作为纯iOS开发接触uni-app一段时间后,uni给笔者的感觉就是坑,那...

  • uni-app编译模式

    1. 实践问题说明 因为老项目是在非自定义编译模式下开发的(老项目在hello uni-app的基础上进行开发的)...

  • uni-app开发微信小程序 一

    uni-app开发微信小程序 1. 配置开发环境 uni-app基于Hbuilder、微信开发者工具开发下载链接:...

  • uni-app 框架登录

    阐述开发uni-app之前建议大家先看看 manifest.json 配置项各参数,对整个项目开发是有帮助的文档路...

  • uniapp目录结构

    学习开发uniapp 必须对新建项目的结构有所了解,才能知根知底 components uni-app组件目录,放...

网友评论

      本文标题:uni-app项目开发笔记

      本文链接:https://www.haomeiwen.com/subject/kltvahtx.html