1. jq,vue,uni-app,小程序的页面传参方式?
1、 jq传参 :通过url拼接参数进行传参。 2、 vue传参
- 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')
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.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 : 微信小程序