uniapp面试题必问-uniapp基础常见面试题目

uniapp优缺点

优点:

a. 一套代码可以生成多端

b. 学习成本低,语法是vue的,组件是小程序的

c. 拓展能力强

d. 使用HBuilderX开发,支持vue语法

e. 突破了系统对H5条用原生能力的限制

缺点:

a. 问世时间短,很多地方不完善

b. 社区不大

c. 官方对问题的反馈不及时

d. 在Android平台上比微信小程序和iOS差

e. 文件命名受限

jQuery、vue、小程序、uni-app中的本地数据存储和接收

jQuery：

存：$.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}})

uniapp的配置文件、入口文件、主组件、页面管理部分

pages.json配置文件

main.js入口文件

App.vue主组件

pages页面管理部分

uniapp上传文件时使用的api

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

uniapp选择文件、图片上传

//选择文件 
uni.chooseFile({ 
count: 6, //默认100 
extension:['.zip','.doc'], 
success: function (res) { 
console.log(JSON.stringify(res.tempFilePaths)); 
} 
}); 
// 选择图片文件 
uni.chooseFile({ 
count: 10, 
type: 'image', 
success (res) { 
// tempFilePath可以作为img标签的src属性显示图片 
const tempFilePaths = res.tempFiles 
} 
})

简述 rpx、px、em、rem、%、vh、vw的区别

rpx相当于把屏幕宽度分为750份，1份就是1rpx

px绝对单位，页面按精确像素展示

em相对单位，相对于它的父节点字体进行计算

rem相对单位，相对根节点html的字体大小来计算

%一般来说就是相对于父元素

vh视窗高度，1vh等于视窗高度的1%

vw视窗宽度，1vw等于视窗宽度的1%

jq、vue、uni-app、小程序的页面传参方式区别

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

2、 vue传参

一、 vue可以通过标签router-link跳转传参，通过path+路径，query+参数

二、也可以通过事件里的this.$router.push（{}）跳转传参

3、小程序传参通过跳转路径后面拼接参数来进行跳转传参

vue , 微信小程序 , uni-app属性的绑定

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

vue,小程序,uni-app的生命周期

vue：

beforeCreate（创建前）

created（创建后）

beforeMount(载入前，挂载）

mounted（载入后）

beforeUpdate（更新前）

updated（更新后）

beforeDestroy（销毁前）

destroyed（销毁后）

小程序,uni-app：

1. onLoad：首次进入页面加载时触发，可以在 onLoad 的参数中获取打开当前页面路径中的参数。

2. onShow：加载完成后、后台切到前台或重新进入页面时触发

3. onReady：页面首次渲染完成时触发

4. onHide：从前台切到后台或进入其他页面触发

5. onUnload：页面卸载时触发

6. onPullDownRefresh：监听用户下拉动作

7. onReachBottom：页面上拉触底事件的处理函数

8. onShareAppMessage：用户点击右上角转发

git基础命令

1、 git init 把这个目录变成git可以管理的仓库 

2、 git add 不但可以跟单一文件，也可以跟通配符，更可以跟目录。一个点就把当前目录下所有未追踪的文件全部add了 

3、 git commit -m ‘first commit’把文件提交到仓库 

4、 git remote add origin +//仓库地址 //关联远程仓库 

5、 git push -u origin master //把本地库的所有内容推送到远程库上