uniapp面试题

.markdown-body { line-height: 1.75; font-weight: 400; font-size: 16px; overflow-x: hidden; color: rgba(37, 41, 51, 1) }
.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 { line-height: 1.5; margin-top: 35px; margin-bottom: 10px; padding-bottom: 5px }
.markdown-body h1 { font-size: 24px; line-height: 38px; margin-bottom: 5px }
.markdown-body h2 { font-size: 22px; line-height: 34px; padding-bottom: 12px; border-bottom: 1px solid rgba(236, 236, 236, 1) }
.markdown-body h3 { font-size: 20px; line-height: 28px }
.markdown-body h4 { font-size: 18px; line-height: 26px }
.markdown-body h5 { font-size: 17px; line-height: 24px }
.markdown-body h6 { font-size: 16px; line-height: 24px }
.markdown-body p { line-height: inherit; margin-top: 22px; margin-bottom: 22px }
.markdown-body img { max-width: 100% }
.markdown-body hr { border-top: 1px solid rgba(221, 221, 221, 1); border-right: none; border-bottom: none; border-left: none; margin-top: 32px; margin-bottom: 32px }
.markdown-body code { border-radius: 2px; overflow-x: auto; background-color: rgba(255, 245, 245, 1); color: rgba(255, 80, 44, 1); font-size: 0.87em; padding: 0.065em 0.4em }
.markdown-body code, .markdown-body pre { font-family: Menlo, Monaco, Consolas, Courier New, monospace }
.markdown-body pre { overflow: auto; position: relative; line-height: 1.75 }
.markdown-body pre>code { font-size: 12px; padding: 15px 12px; margin: 0; word-break: normal; display: block; overflow-x: auto; color: rgba(51, 51, 51, 1); background: rgba(248, 248, 248, 1) }
.markdown-body a { text-decoration: none; color: rgba(2, 105, 200, 1); border-bottom: 1px solid rgba(209, 233, 255, 1) }
.markdown-body a:active, .markdown-body a:hover { color: rgba(39, 91, 140, 1) }
.markdown-body table { display: inline-block !important; font-size: 12px; width: auto; max-width: 100%; overflow: auto; border: 1px solid rgba(246, 246, 246, 1) }
.markdown-body thead { background: rgba(246, 246, 246, 1); color: rgba(0, 0, 0, 1); text-align: left }
.markdown-body tr:nth-child(2n) { background-color: rgba(252, 252, 252, 1) }
.markdown-body td, .markdown-body th { padding: 12px 7px; line-height: 24px }
.markdown-body td { min-width: 120px }
.markdown-body blockquote { color: rgba(102, 102, 102, 1); padding: 1px 23px; margin: 22px 0; border-left: 4px solid rgba(203, 203, 203, 1); background-color: rgba(248, 248, 248, 1) }
.markdown-body blockquote:after { display: block; content: "" }
.markdown-body blockquote>p { margin: 10px 0 }
.markdown-body ol, .markdown-body ul { padding-left: 28px }
.markdown-body ol li, .markdown-body ul li { margin-bottom: 0; list-style: inherit }
.markdown-body ol li .task-list-item, .markdown-body ul li .task-list-item { list-style: none }
.markdown-body ol li .task-list-item ol, .markdown-body ol li .task-list-item ul, .markdown-body ul li .task-list-item ol, .markdown-body ul li .task-list-item ul { margin-top: 0 }
.markdown-body ol ol, .markdown-body ol ul, .markdown-body ul ol, .markdown-body ul ul { margin-top: 3px }
.markdown-body ol li { padding-left: 6px }
.markdown-body .contains-task-list { padding-left: 0 }
.markdown-body .task-list-item { list-style: none }
@media (max-width: 720px) { .markdown-body h1 { font-size: 24px } .markdown-body h2 { font-size: 20px } .markdown-body h3 { font-size: 18px } }.markdown-body pre, .markdown-body pre>code.hljs { color: rgba(51, 51, 51, 1); background: rgba(248, 248, 248, 1) }
.hljs-comment, .hljs-quote { color: rgba(153, 153, 136, 1); font-style: italic }
.hljs-keyword, .hljs-selector-tag, .hljs-subst { color: rgba(51, 51, 51, 1); font-weight: 700 }
.hljs-literal, .hljs-number, .hljs-tag .hljs-attr, .hljs-template-variable, .hljs-variable { color: rgba(0, 128, 128, 1) }
.hljs-doctag, .hljs-string { color: rgba(221, 17, 68, 1) }
.hljs-section, .hljs-selector-id, .hljs-title { color: rgba(153, 0, 0, 1); font-weight: 700 }
.hljs-subst { font-weight: 400 }
.hljs-class .hljs-title, .hljs-type { color: rgba(68, 85, 136, 1); font-weight: 700 }
.hljs-attribute, .hljs-name, .hljs-tag { color: rgba(0, 0, 128, 1); font-weight: 400 }
.hljs-link, .hljs-regexp { color: rgba(0, 153, 38, 1) }
.hljs-bullet, .hljs-symbol { color: rgba(153, 0, 115, 1) }
.hljs-built_in, .hljs-builtin-name { color: rgba(0, 134, 179, 1) }
.hljs-meta { color: rgba(153, 153, 153, 1); font-weight: 700 }
.hljs-deletion { background: rgba(255, 221, 221, 1) }
.hljs-addition { background: rgba(221, 255, 221, 1) }
.hljs-emphasis { font-style: italic }
.hljs-strong { font-weight: 700 }

1.uniapp进行条件编译的两种方法？小程序端和H5的代表值是什么？

通过 #ifdef、#ifndef 的方式 H5 ： H5 MP-WEIXIN ：微信小程序

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

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

3.uniapp上传文件时用到api是什么格式是什么？

	uni.uploadFile({

   		url: '要上传的地址',

       		fileType:'image',

        		filePath:'图片路径',

        		name:'文件对应的key',

        		success: function(res){

			console.log(res)

		},

       })

复制代码

4.uniapp获取地理位置的API是什么？

uni.getLocation

5.rpx、px、em、rem、%、vh、vw的区别是什么？

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

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

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

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

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

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

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

6.uniapp如何监听页面滚动？

使用 onPageScroll 监听

7.如何让图片宽度不变，高度自动变化，保持原图宽高比不变？

给image标签添加 mode='widthFix'

8.uni-app的优缺点

优点:

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

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

c. 拓展能力强

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

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



复制代码

缺点:

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

b. 社区不大

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

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

e. 文件命名受限

复制代码

9.分别写出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(e){e.data//这就是你想要取的token}})

复制代码

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

1、 jq传参

   通过url拼接参数进行传参。

复制代码

2、 vue传参

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

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

复制代码

3、小程序传参

  通过跳转路径后面拼接参数来进行跳转传参

复制代码

11.vue , 微信小程序 , uni-app绑定变量属性

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

12.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：用户点击右上角转发

复制代码

13.git是什么？git的五个命令，git和svn的区别

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在远程服务器上。

复制代码

14. Git项目如何配置，如何上传至GitHub。描述其详细步骤

1、注册登录github

2、创建github仓库

3、安装git客户端

4、绑定用户信息

5、设置ssh key

6、创建本地项目以及仓库

7、关联github仓库

8、推送项目到github仓库

参考链接：https://juejin.cn/post/7122659278636187678