关于uni-app的几个问题总结!

398 阅读1分钟

1. jq,vue,uni-app,小程序的页面传参方式?

1、 jq传参 :通过url拼接参数进行传参。 2、 vue传参

  1. vue通过标签router-link跳转传参,通过path+路径,query+参数 2)通过事件里的this.$router.push({})跳转传参 3、 小程序传参:通过跳转路径后面拼接参数来进行跳转传参

2. vue、微信小程序、uni-app如何绑定变量属性?

1)vue和uni-app动态绑定一个变量的值为元素的某个属性的时候,会在属性前面加上冒号":"; 2)小程序绑定某个变量的值为元素属性时,会用两个大括号{{}}括起来,如果不加括号,为被认为是字符串。

3. JQuery/vue/小程序/uni-app中的本地存储数据和接受数据是什么?

jQuery: 存:.cookie(key,value)取:.cookie('key','value') 取:.cookie('key')

vue: 存储:localstorage.setItem(‘key’,‘value’) 接收:localstorage.getItem(‘key’)

微信小程序: 存储:通过wx.setStorage/wx.setStorageSync写数据到缓存 接收:通过wx.getStorage/wx.getStorageSync读取本地缓存,

uni-app: 存储:uni.setStorage({key:“属性名”,data:“值”}) 接收:uni.getStorage({key:“属性名”,success(res){res.data}})

4. uni-app的优缺点?

优点: a. 一套代码可以生成多端 b. 学习成本低,语法是vue的,组件是小程序的 c. 拓展能力强 d. 使用HBuilderX开发,支持vue语法 e. 突破了系统对H5条用原生能力的限制 缺点: a. 问世时间短,很多地方不完善 b. 社区不大 c. 官方对问题的反馈不及时 d. 在Android平台上比微信小程序和iOS差 e. 文件命名受限

5. uni-app如何监听页面滚动?

1)用生命周期的“onPageScroll”方法 onPageScroll(e) { this.scrollTop = e.scrollTop; } 2)子组件和父组件绑定、通信 主页面:uni.emit(onPageScroll,res.scrollTop);//传递参数子组件:uni.emit('onPageScroll', res.scrollTop);//传递参数 子组件:uni.on('onPageScroll', function(data) {});//接收参数 3)使用“scroll-view”这个组件的@scroll属性 <scroll-view scroll-y @scroll="scroll"> scroll(event) { this.scrollTop = event.detail.scrollTop;}

6. uni-app的配置文件、入口文件、主组件、页面管理部分?

pages.json 配置文件 main.js 入口文件 App.vue 主组件 pages 页面管理部分

7. uni-app上传文件时用到的API是什么?格式是什么?

uni.uploadFile({ url: '要上传的地址', fileType:'image', filePath:'图片路径', name:'文件对应的key', success: function(res){ console.log(res) }, })

8. uni-app获取地理位置的API是什么?

uni.getLocation({
            type: 'gcj02', //腾讯地图
             success: function(res) {
                  qqmapsdk.reverseGeocoder({
                            location: {
                                latitude: res.latitude,
                                longitude: res.longitude
                            },
                            success: function(res) {
                                context.state.city = res.result.address_component.city;
                            }
                        })
                    }

})

9. uni-app条件编译的两种方法?小程序和H5代表值是?

两种方法: #ifdef、#ifndef H5 : H5 MP-WEIXIN : 微信小程序