
uni-app多端开发的使用
自己总结的
小也同学
这个作者很懒,什么都没留下…
展开
-
uni-app框架的生命周期介绍
第一种钩子函数的执行顺序(普通打印的console.log执行顺序)onLoad>onShow>created>onReady>mounted第二种钩子函数的执行顺序(使用了async await的)onLoad>onShow>created>onReady>mounted>onLoad>onShow>created>onReady>mounted相当于宏任务跟微任务一样...原创 2020-09-18 15:32:39 · 358 阅读 · 0 评论 -
uni-app框架容易忽略的点
uni.navigateBack()会触发 onUnload()监听卸载页面的生命周期原创 2020-09-17 19:32:07 · 284 阅读 · 0 评论 -
使用uni-app的框架进行图片或视频的(项目需求可能还有其它非图片和视频的文件,比如ppt的上传)上传
思路第一步用uni.chooseImage或 uni.chooseMedia选取图片或视频,成功返回选中的图片或视频的参数信息,包括图片展示的路径(也就是本地图片的路径)、图片大小、图片格式等信息。第二步拿到本地的图片或视频的信息之后先用后台提供的上传文件的接口,对接接口之后会返回服务器(也就是线上不是本地的图片信息了)上存在的图片或视频的信息(就可以直接在浏览器输入展示图片或视频了)注意点uni-app有专门上传文件的api(uni.uploadFile)需要去看官网了解使用,其它不同的框架估原创 2020-08-27 11:16:44 · 631 阅读 · 0 评论 -
onPullDownRefresh和uni.startPullDownRefresh(OBJECT)、uni.stopPullDownRefresh()的关系
onPullDownRefresh在 js 中定义 onPullDownRefresh 处理函数(和onLoad等生命周期函数同级),监听该页面用户下拉刷新事件。需要在 pages.json 里,找到的当前页面的pages节点,并在 style 选项中开启 enablePullDownRefresh。当处理完数据刷新后,uni.stopPullDownRefresh 可以停止当前页面的下拉刷新。pages.json设置下拉刷新##官方介绍https://uniapp.dcloud.io/ap原创 2020-08-26 18:24:56 · 6858 阅读 · 0 评论 -
uni.$emit、 uni.$on 、 uni.$once 、uni.$off的使用
介绍看官方文档https://uniapp.dcloud.io/collocation/frame/communication?id=emit或者直接在uni-app官方网站直接搜uni.emit、uni.emit、 uni.emit、uni.on 、 uni.once、uni.once 、uni.once、uni.off个人总结uni.emit、uni.emit、 uni.emit、uni.on 就像是子组件想传参给父组件,从而调用父组件传给子组件的方法进行传参官方总结uni.emit、uni原创 2020-08-26 11:35:18 · 18059 阅读 · 2 评论 -
uni-app的超出文本省略号的css写法
overflow: hidden; word-break: break-all; /* break-all(允许在单词内换行。) */ text-overflow: ellipsis; /* 超出部分省略号 */ display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/ -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/ -webkit-line-clamp: 3; /** 显示的行数 **/原创 2020-08-26 10:56:38 · 4481 阅读 · 0 评论 -
uni-app常用的标签注意事项
template标签和block标签的区别uni-app 支持在 template 模板中嵌套 和 ,用来进行 列表渲染 和 条件渲染。 和 并不是一个组件,它们仅仅是一个包装元素,不会在页面中做任何渲染,只接受控制属性。 在不同的平台表现存在一定差异,推荐统一使用 。非官方示例...原创 2020-08-25 16:04:55 · 4330 阅读 · 0 评论