面试题-7

1.v-if和v-show的区别?

都可以控制元素的显示和隐藏

1.v-show是控制元素的display值来让元素显示和隐藏,v-if显示隐藏时把DOM元素整个添加和删除

2.v-if有一个局部编译/卸载的过程,切换这个过程中会适当的销毁和重建内部的事件监听和子组件;

v-show只是简单的css切换

2.如何理解MVVM的?

是Model-View-viewModel的缩写,前端开发的架构模式 

M:模型,对应的就是data的数据

V:视图,用户界面,DOM

VM:视图模型:Vue的实例对象, 连接View和Model的桥梁

核心是提供对View和ViewModel的双向数据绑定,当数据改变的时候,ViewModel能监听到数据的变化,自动更新视图,当用户操作视图的时候,ViewModel也可以监听到视图的变化,然后通知数据进行改动,这就实现了双向绑定ViewModel通过双向绑定把View和Model连接起来,他们之间的同步是自动的,不需要干涉,所以我们只需要关注业务逻辑即可,不需要操作DOM,同时也不需要关注数据的状态问题,因为它是由MVVM统一管理。

3.v-for中的key值的作用是什么?

key属性是DOM元素的唯一标识

作用:

1.提高虚拟DOM的更新

2.若不设置key,可能会触发一些bug

3.为了触发过度效果

4.说一下对于vue生命周期的理解

组件从创建到销毁的过程就是它的生命周期

创建:

beforeCreated

在这个阶段属性和方法都不能使用

created        

这里实例创建完成之后,在这里完成了数据监测,可以使用数据,修改数据,不会触发updated,也不会更新视图

挂载

beforeMounted

完成了模板的编译,虚拟DOM也完成创建,即将渲染,修改数据,修改数据,不会触发updated

Mounted

把编译后的模板挂载到页面,这里可以发送异步请求也可以访问DOM节点

更新

beforUpdated

组件数据更新之前使用,数据是新的,页面上的数据是旧的,组件即将更新,准备渲染,可以改数据

updated

render重新做了渲染,这时数据和页面都是新的,避免在此更新数据

销毁

beforeDestory

实例销毁前,在这里实例还可以用,可以清除定时器等

,destory

组件已被销毁了,全部都销毁了

使用keep-alive时多出两个周期:

activited

组件激活时

deactivated

组件被销毁时

5.在created和mounted去请求数据,有什么区别?

created:在渲染前调用,通常先初始化属性,然后做渲染

mounted:在模板渲染完成后调用,一般都是初始化页面后,在对元素点进行操作

在这里请求数据可能会出现闪屏的问题,created里不会

一般用creatd

6.vue的修饰符有哪些?

1.事件修饰符

.stop   阻止冒泡

.prevent  阻止默认行为

.self  只有在event.target是当前元素时触发

.once  事件只会触发一次

.native 把当前元素作为原生标签看待

2.按键修饰符

.keyup  键盘抬起

.keydown  键盘按下

3.系统修饰符

.ctrl

.alt

.meta

4.鼠标修饰符

.left  鼠标左键

.right  鼠标右键

.mibble   鼠标中键

5.表单修饰符

.lazy    等输入完之后再显示

.trim   删除内容前后的空格

.number  输入数字或转为数字

7.element-ui怎么做表单验证的?

1.在表单中加rules属性,然后在data里写校验规则

2.内部添加规则

3.自定义函数校验

8.vue如何进行组件通信?

1.父传子

props

      父组件使用自定义属性,然后子组件使用props

$ref

引用信息会注册在父组件的$refs对象上

2.子传父

$emit

子组件绑定自定义事件,触发执行后,传给父组件,父组件需要使用事件监听接收参数

3.兄弟传值

new一个新的vue实例,用on和emit对数据进行传输

4.vuex传值

9.keep-alive是什么?怎么使用?

Vue的一个内置组件,包裹组件时候,会缓存不活跃的组件实例,并不是销毁他们

作用:把组件切换的状态保存在内存里,防止重复渲染DOM节点,减少加载时间和性能消耗,提高用户体验

10.axios是怎么做封装的?

下载 创建实例  接着封装请求响应拦截器  抛出 最后封装接口

// 添加请求拦截器
axios.interceptors.request.use(function (config) {// 在发送请求之前做些什么return config;}, function (error) {// 对请求错误做些什么return Promise.reject(error);});// 添加响应拦截器
axios.interceptors.response.use(function (response) {// 2xx 范围内的状态码都会触发该函数。// 对响应数据做点什么return response;}, function (error) {// 超出 2xx 范围的状态码都会触发该函数。// 对响应错误做点什么return Promise.reject(error);});

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/156055.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

SpringCloud实用篇02

SpringCloud实用篇02 0.学习目标 1.Nacos配置管理 Nacos除了可以做注册中心,同样可以做配置管理来使用。 1.1.统一配置管理 当微服务部署的实例越来越多,达到数十、数百时,逐个修改微服务配置就会让人抓狂,而且很容易出错。我…

8Base集团通过SmokeLoader部署新的Phobos勒索软件变种

最近,8Base集团的威胁行为者通过Phobos勒索软件的变种展开了一系列金融动机的攻击。这一发现来自于思科Talos的研究结果,他们记录了网络犯罪分子活动的增加。 安全研究员Guilherme Venere在周五发表的详尽的两部分分析中表示:“该组织的大多…

html2canvas快速使用

一、概述 html2canvas是一个HTML渲染器,是一个脚本,它允许你直接在用户浏览器截取页面或部分网页的“屏幕截屏”。底层是基于DOM的,根据页面上可用的信息构建屏幕截图,它没有制作实际的屏幕截图,因此生成的图片并不一定…

速锐得解码匹配驾培驾考吉利几何E萤火虫数据应用智能评判系统

随着国内新能源车的不断发展和渗透,在驾培驾考领域通过新能源车进入到驾驶员培训领域的车型越来越多,这里边包括了特斯拉、宝马、通用、沃尔沃、岚图、江淮、蔚来、比亚迪、吉利、奇瑞、大众等多家车企的车型。 之前我们做过像奇瑞艾瑞泽、江淮IEV7、大…

中国毫米波雷达产业分析0——序言

当前,中国物联网产业发展正处于跨界融合、加速创新和深度调整的历史时期,传感器作为物联网感知层的核心部件, 是“感知世界”之基,也是“万物互联”之本,对支撑构建物联网产业体系具有重要意义。 毫米波雷达作为一种工…

电力工作记录仪、智能安全帽、智能布控球助力智能电网建设

电力行业的建设和发展是国家经济发展的重要支撑,而智能电网作为电力系统的重要组成部分,它的安全高效运行关乎到整个电力系统乃至民生的稳定和安全。为了加快国家经济的发展以及满足人们对电力的需求和用电可靠性的要求,国家早在十二规划中就…

leetcode:914. 卡牌分组(python3解法)

难度:简单 给定一副牌,每张牌上都写着一个整数。 此时,你需要选定一个数字 X,使我们可以将整副牌按下述规则分成 1 组或更多组: 每组都有 X 张牌。组内所有的牌上都写着相同的整数。 仅当你可选的 X > 2 时返回 tru…

环境配置|GitHub——如何在github上搭建自己写的网站

下面简单地总结了从本地的网页文件到在github服务器上展示出来即可以通过网络端打开的过程: (以下可能会出现一些难点,照着做就可以了,由于笔者是小白,也不清楚具体原理是什么,希望有一天成为大神的时候能轻…

常见的http响应状态码(详细)

Http响应状态码 HTTP状态码说明 1xx(临时响应) 表示临时响应并需要请求者继续执行操作的状态代码。 100: (继续) 请求者应当继续提出请求。 服务器返回此代码表示已收到请求的第一部分,正在等待其余部分…

C#使用DateTime获取日期和时间

在C#中,DateTime类是用来处理日期和时间的类。它具有许多属性和方法,用于操作和获取日期和时间的不同部分。以下是DateTime类的一些常用属性和方法。 属性: 1、DateTime.Now:获取当前日期和时间。 DateTime currentDateTime D…

听GPT 讲Rust源代码--src/librustdoc(2)

题图来自 Chromium项目将支持Rust编程语言[1] File: rust/src/librustdoc/html/render/search_index.rs 在Rust源代码中,rust/src/librustdoc/html/render/search_index.rs文件的作用是生成搜索索引,用于在Rust文档页面上进行关键字搜索。该文件实现了一…

【音视频-FFMPEG相关命令使用】

FFMPEG相关命令整理 视频格式转换 # ffmpeg -i srcVideo.format destVideo.format ffmpeg -i test.wmv test.mp4参考: ffmpeg wmv 转MP4 命令

战备器材管理系统-部队物资仓库管理系统

一、项目背景 传统的战备物资管理,一般依赖于一个非自动化的、以纸张文件为基础的系统来记录、追踪进出的货物,完全由人工实施仓库内部的管理,因此仓库管理的效率极其低下。对此,我们运用无线射频技术(RFID)的仓库智能管理系统&am…

qcow2、raw、vmdk等镜像格式工具

如果没有qemu,可以从这里下载安装:https://qemu.weilnetz.de/w64/

7、信息打点——资产泄露CMS识别Git监控SVNDS_Store备份

知识点: CMS指纹识别、源码获取方式习惯&配置&特征等获取方式托管资产平台资源搜索监控 如何获取源码 直接识别CMS,根据CMS获取网站源码。CMS直接识别工具:云悉指纹识别平台。识别不了CMS,则通过以下方式获取源码&…

DSP介绍及CCS

文章目录 CCS版本编译器CCS使用注意严禁中文 CCS的基本操作新建工程导入现有工程调整字体的大小工程界面恢复标签的使用 仿真盒小虫子进入在线Debug 芯片TMS320F28355基本介绍特性 DSP中特殊指令dsp指令中的EALLOW EDIS CCS TI官网 版本 CCS版本: CCS8.3.1.0004_…

〖大前端 - 基础入门三大核心之JS篇㊵〗- DOM事件监听及onxxx的使用

说明:该文属于 大前端全栈架构白宝书专栏,目前阶段免费,如需要项目实战或者是体系化资源,文末名片加V!作者:不渴望力量的哈士奇(哈哥),十余年工作经验, 从事过全栈研发、产品经理等工作&#xf…

多目标应用:基于非支配排序的鲸鱼优化算法NSWOA求解微电网多目标优化调度(MATLAB代码)

一、微网系统运行优化模型 微电网优化模型介绍: 微电网多目标优化调度模型简介_IT猿手的博客-CSDN博客 二、基于非支配排序的鲸鱼优化算法NSWOA 基于非支配排序的鲸鱼优化算法NSWOA简介: 三、基于非支配排序的鲸鱼优化算法NSWOA求解微电网多目标优化…

从android.graphics.Path中取出Point点,Kotlin

从android.graphics.Path中取出Point点&#xff0c;Kotlin /*** 从一条Path中获取多少个Point点*/private fun getPoints(path: Path, pointCount: Int): Array<FloatPoint?> {val points arrayOfNulls<FloatPoint>(pointCount)val pm PathMeasure(path, false)…

SpringBoot——数据访问

优质博文&#xff1a;IT-BLOG-CN 对于数据访问层&#xff0c;无论是SQL还是NoSQL&#xff0c;SpringBoot默认采用整合Spring Data的方式进行统一处理&#xff0c;添加大量自动配置&#xff0c;屏蔽了很多设置。引入各种xxxTemplate&#xff0c;xxxRepository来简化我们对数据访…