uniapp和小程序面试题
发布网友
发布时间:2024-08-29 15:27
我来回答
共1个回答
热心网友
时间:2024-09-09 04:00
uniapp和小程序面试题解答
1. uniapp进行条件编译的两种方法是使用宏定义和switch条件语句。小程序端代表值为wx环境变量,H5端代表值为window环境变量。
2. uniapp的配置文件为app.config.js,入口文件为main.js,主组件为App.vue,页面管理部分主要包括pages目录下的.vue文件。
3. uniapp上传文件时用到的API是uni.uploadFile,格式为uni.uploadFile({
url: '服务器地址',
filePath: '文件路径',
name: '文件名',
success: function (res) {
// 成功回调
},
fail: function (res) {
// 失败回调
}
})
4. uniapp获取地理位置的API是uni.getLocation,调用方式为uni.getLocation({type: 'wgs84', success: function (res) {console.log(res)}})
5. rpx、px、em、rem、%、vh、vw的区别主要在于它们的单位和应用场景不同,rpx为响应式设计单位,px为像素单位,em和rem分别代表相对于父元素或根元素的字体大小,%表示百分比,vh和vw分别表示视口高度和视口宽度的百分比。
6. uniapp可以通过监听scroll事件来监听页面滚动,代码为this.$on('scroll', function (e) {console.log('滚动事件触发')})
7. 要让图片宽度不变,高度自动变化,保持原图宽高比不变,可以通过设置图片的width属性,同时计算height属性,使其与width的比例保持一致。
8. uni-app的优缺点:优点包括跨平台开发、一次编写多端运行、功能丰富、社区活跃等;缺点可能有性能问题、社区支持不均衡、文档不全面等。
9. jQuery中本地存储数据使用localStorage和sessionStorage,接受数据使用$.ajax等方法;vue中本地存储数据使用localStorage和cookie,接受数据使用axios等第三方库;微信小程序中本地存储数据使用wx.setStorage和wx.getStorage,接受数据使用wx.request;uni-app中本地存储数据使用uni.setStorage和uni.getStorage,接受数据使用uni.request。
10. jq传参方式为URL参数或post参数;vue传参方式为props或vuex;小程序传参方式为URL参数或全局变量。
11. 在vue、微信小程序、uni-app中绑定变量属性的语法大致相同,都是使用v-model或{{}}语法。
12. vue的生命周期包括beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed等阶段;小程序和uni-app的生命周期较为相似,包括onLaunch、onShow、onHide、onError、onClose等阶段。
13. Git是一个分布式版本控制系统,常用命令包括add、commit、push、pull、clone等。与SVN相比,Git的优势在于分布式、速度快、分支管理灵活。
14. 配置Git项目并上传至GitHub的步骤如下:
1. 创建本地仓库(git init)
2. 添加文件(git add .)
3. 提交(git commit -m "提交信息")
4. 配置GitHub账号和仓库(git remote add origin )
5. 推送至GitHub(git push -u origin master)