uni-app面试题
<h3 id="1-uniapp进行条件编译的两种方法小程序端和h5的代表值是什么">1. uniapp进行条件编译的两种方法？小程序端和H5的代表值是什么？</h3><pre><code> 通过 #ifdef、#ifndef 的方式
H5 ： H5
MP-WEIXIN ： 微信小程序
</code></pre>
<h3 id="2-uniapp的配置文件入口文件主组件页面管理部分">2. uniapp的配置文件、入口文件、主组件、页面管理部分</h3>
<pre><code> pages.json 配置文件
main.js 入口文件
App.vue 主组件
pages 页面管理部分
</code></pre>
<h3 id="3-uniapp上传文件时用到的api是什么格式是什么">3. uniapp上传文件时用到的api是什么？格式是什么？</h3>
<pre><code> uni.uploadFile({
url: '要上传的地址',
fileType:'image',
filePath:'图片路径',
name:'文件对应的key',
success: function(res){
console.log(res)
},
})
</code></pre>
<h3 id="4-uniapp获取地理位置的api是什么">4. uniapp获取地理位置的API是什么？</h3>
<pre><code> uni.getLocation
</code></pre>
<h3 id="5-rpxpxemremvhvw的区别是什么">5. rpx、px、em、rem、%、vh、vw的区别是什么？</h3>
<pre><code> rpx 相当于把屏幕宽度分为750份，1份就是1rpx
px 绝对单位，页面按精确像素展示
em 相对单位，相对于它的父节点字体进行计算
rem 相对单位，相对根节点html的字体大小来计算
% 一般来说就是相对于父元素
vh 视窗高度，1vh等于视窗高度的1%
vw 视窗宽度，1vw等于视窗宽度的1%
</code></pre>
<h2 id="6-uniapp如何监听页面滚动">6. uniapp如何监听页面滚动？</h2>
<pre><code> 使用 onPageScroll 监听
</code></pre>
<h3 id="7-如何让图片宽度不变高度自动变化保持原图宽高比不变">7. 如何让图片宽度不变，高度自动变化，保持原图宽高比不变？</h3>
<pre><code> 给image标签添加 mode='widthFix'
</code></pre>
<h3 id="8-uni-app的优缺点">8. uni-app的优缺点</h3>
<pre><code> 优点:
a. 一套代码可以生成多端
b. 学习成本低,语法是vue的,组件是小程序的
c. 拓展能力强
d. 使用HBuilderX开发,支持vue语法
e. 突破了系统对H5条用原生能力的限制
缺点:
a. 问世时间短,很多地方不完善
b. 社区不大
c. 官方对问题的反馈不及时
d. 在Android平台上比微信小程序和iOS差
e. 文件命名受限
</code></pre>
<h3 id="9-分别写出jqueryvue小程序uni-app中的本地存储数据和接受数据是什么">9. 分别写出jQuery、vue、小程序、uni-app中的本地存储数据和接受数据是什么？</h3>
<pre><code> 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(e){e.data//这就是你想要取的token}})
</code></pre>
<h3 id="10-jqvueuni-app小程序的页面传参方式">10. jq、vue、uni-app、小程序的页面传参方式</h3>
<pre><code> 1、 jq传参
通过url拼接参数进行传参。
2、 vue传参
一、 vue可以通过标签router-link跳转传参，通过path+路径，query+参数
二、 也可以通过事件里的this.$router.push（{}）跳转传参
3、 小程序传参
通过跳转路径后面拼接参数来进行跳转传参
</code></pre>
<h3 id="11-vue--微信小程序--uni-app绑定变量属性">11. vue , 微信小程序 , uni-app绑定变量属性</h3>
<pre><code> vue和uni-app动态绑定一个变量的值为元素的某个属性的时候，会在属性前面加上冒号":";
小程序绑定某个变量的值为元素属性时，会用两个大括号{{}}括起来，如果不加括号，为被认为是字符串。
</code></pre>
<h3 id="12-vue小程序uni-app的生命周期">12. vue,小程序,uni-app的生命周期</h3>
<pre><code> 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：用户点击右上角转发
</code></pre>
<h3 id="13-git是什么git的五个命令git和svn的区别">13. git是什么？git的五个命令，git和svn的区别</h3>
<pre><code> git是什么
git是目前世界上最先进的分布式管理系统。
git的常用命令
1、 git init 把这个目录变成git可以管理的仓库
2、 git add README.md 文件添加到仓库
3、 git add 不但可以跟单一文件，也可以跟通配符，更可以跟目录。一个点就把当前目录下所有未追踪的文件全部add了
4、 git commit -m ‘first commit’把文件提交到仓库
5、 git remote add origin git@github.com:wangjiax9/practice.git //关联远程仓库
6、 git push -u origin master //把本地库的所有内容推送到远程库上
Git和SVN的区别
1. Git是分布式版本控制工具 , SVN是集中式版本控制工具
2. Git没有一个全局的版本号，而SVN有。
3. Git和SVN的分支不同
4. git吧内容按元数据方式存储，而SVN是按文件
5. Git内容的完整性要优于SVN
6. Git无需联网就可使用（无需下载服务端），而SVN必须要联网（须下载服务端）因为git的版本区就在自己电脑上，而svn在远程服务器上。
</code></pre>
<h3 id="14-git项目如何配置如何上传至github描述其详细步骤">14. Git项目如何配置，如何上传至GitHub。描述其详细步骤</h3>
<pre><code> 1、 注册登录github
2、 创建github仓库
3、 安装git客户端
4、 绑定用户信息
5、 设置ssh key
6、 创建本地项目以及仓库
7、 关联github仓库
8、 推送项目到github仓库
</code></pre>
<p>本文转自 https://blog.csdn.net/Overtures/article/details/115262241，如有侵权，请联系删除。</p><br><br>
来源：https://www.cnblogs.com/ygunoil/p/16479210.html
頁:
[1]