一、uni app介绍、部署、目录结构
uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台。
二、uni的样式和布局
可以在根目录app.vue定义全局样式,子页面可以单独定义单页样式 基准宽度为750px,建议设计宽度为750px,导入外联样式和使用内联样式 选择器 .class#id element。
三、uni配置相关
pages.json 可以进行页面配置 pages进行每个页面的声明 globalStyle 全局页面样式设置。也可以在每个页面进行单独页面样式设置 tabBar 页面菜单项设置 condition 开发期间生效,编译模式,测试模拟页面使用 其它配置可以在编辑器内查看。
四、生命周期
生命周期介绍
五、模版语法和数据绑定
模版和变量关系
列表渲染 v-for
判断渲染 v-if
六、class 和 style 的使用
class 支持的语法:
style 支持的语法:
七、uni事件处理
几乎全支持 Vue官方文档:事件处理器
事件修饰符
stop 事件绑定
@click="事件函数名"
事件监听、传参
八、基础组件使用
九、表单组件使用
十、导航,跳转页面navigator
Navigator
十一、媒体组件
Image
十二、网络请求
quest(OBJECT)
示例
十三、照片选择及预览
uni.chooseImage(OBJECT)
示例
十四、文件上传和下载
uni.saveFile(OBJECT)
示例代码:
十五、本地数据存储
uni.setStorage(OBJECT)
示例
十六、设备相关
十七、界面,设置导航条
原生安卓app开发
uni.setNavigationBarTitle(OBJECT)
十八、下拉刷新
onPullDownRefresh
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论