首页 > 其他分享 >uniapp面试题

uniapp面试题

时间:2023-04-16 19:44:11浏览次数:62  
标签:uniapp 面试题 git vue 代码 复制 uni 页面

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. onl oad:首次进入页面加载时触发,可以在 onl oad 的参数中获取打开当前页面路径中的参数。
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 [email protected]: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

标签:uniapp,面试题,git,vue,代码,复制,uni,页面
From: https://www.cnblogs.com/fairya/p/17323895.html

相关文章

  • 2023-04-15 uniapp 点击事件冒泡
    简而言之,即父子元素都有点击事件,这时候子元素触发点击事件会连同父元素的点击事件一并触发,这就是冒泡;而需求就是子不触父。解决方案:子元素的点击事件由原来的@click或者@tap统统换成@tap.stop,据说@tap.stop比@click.stop好。注:只需改变子元素点击事件,子变父不变。......
  • ???热乎的前端面试题(昨天)
    前言系列首发于公众号『前端进阶圈』,若不想错过更多精彩内容,请“星标”一下,敬请关注公众号最新消息。热乎的前端面试题(昨天)1.Vue响应式原理?vue2:在Vue2中注意使用Object.defineProperty()方法来实现响应式,它为对象中的每一个属性都定义了一个getter和setter,当数据发生变化......
  • #yyds干货盘点# LeetCode面试题:最小覆盖子串
    1.简述:给你一个字符串s、一个字符串t。返回s中涵盖t所有字符的最小子串。如果s中不存在涵盖t所有字符的子串,则返回空字符串""。 注意:对于t中重复字符,我们寻找的子字符串中该字符数量必须不少于t中该字符数量。如果s中存在这样的子串,我们保证它是唯一的答案。......
  • ajax面试题总结
    转载请注明出处:1.ajax异步和同步的区别Ajax是一种基于JavaScript语言和XMLHttpRequest对象的异步数据传输技术,通过它可以使不用刷新整个页面的情况下,对页面进行部分更新。同步和异步是指客户端发送请求时,主线程是否会阻塞等待服务器的响应返回。同步请求在发送请......
  • jvm面试题 一般有用 看1
                  ......
  • CSS面试题
    一、4.14基础1.1、隐藏元素的方法有哪些●display:none:渲染树不会包含该渲染对象,因此该元素不会在页面中占据位置,也不会响应绑定的监听事件。●visibility:hidden:元素在页面中仍占据空间,但是不会响应绑定的监听事件。●opacity:0:将元素的透明度设置为0,以此来实现元素......
  • 从ajax到跨域引发的相关面试题总结
    转载请注明出处:1.ajax异步和同步的区别Ajax是一种基于JavaScript语言和XMLHttpRequest对象的异步数据传输技术,通过它可以使不用刷新整个页面的情况下,对页面进行部分更新。同步和异步是指客户端发送请求时,主线程是否会阻塞等待服务器的响应返回。同步请求在发送请......
  • Java面试题
    面试题面向过程和面向对象的区别面向过程和面向对象的主要区别在于思想方式和实现方法。面向过程重视步骤和函数,通过分解问题并设计函数来解决问题;面向对象则更注重对象和类之间的关系,将程序中的各种元素组织成一个有机整体,在实现上更加灵活和可扩展。同时,面向对象的程序具......
  • 9-面试题(架构层面)
    1、微服务的优点灵活性高:它将应用程序分解为小型服务(松散耦合),使其开发、维护更快,更易于理解,可以提供更高的灵活性;独立扩展:它使每个服务能够独立扩展,将系统中的不同功能模块拆分成多个不同的服务,这些服务进行独立地开发和部署,每个服务都运行在自己的进程内,这样每个服务的更新都......
  • #yyds干货盘点# LeetCode面试题:颜色分类
    1.简述:给定一个包含红色、白色和蓝色、共 n个元素的数组 nums ,原地对它们进行排序,使得相同颜色的元素相邻,并按照红色、白色、蓝色顺序排列。我们使用整数0、 1和2分别表示红色、白色和蓝色。必须在不使用库内置的sort函数的情况下解决这个问题。 示例1:输入:nums=[2,0......