位置: IT常识 - 正文

Vue.js面试题(21级就业版)(vue面试题简书)

编辑:rootadmin
Vue.js面试题(21级就业版)

推荐整理分享Vue.js面试题(21级就业版)(vue面试题简书),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue.js面试题2020,vue的面试题目,vuejs基础面试题,vue.js面试题2020,vue面试题简书,vuejs基础面试题,vue.js面试题及答案,vue.js面试题及答案,内容如对您有帮助,希望把文章链接给更多的朋友!

MVVM模式(P5)

MVVM(Model-View-ViewModel)模式包括3个核心部分。*Model(模型):由核心的业务逻辑产生的数据对象,例如从数据库取出并做特定处理后得到的数据。*View(视图):即用户界面。*ViewModel(视图模型):用于链接匹配模型和视图的专用模型。

Vue.js的核心思想——数据的双向绑定(P5)

View和Model之间不直接沟通,而是通过ViewModel这个桥梁进行交互。通过ViewModel这个桥梁,可实现View和Model之间的自动双向同步。当用户操作View时,ViewModel会感知到View的变化,然后通知Model发送同步改变;反之,当Model发送改变时,ViewModel也能感知到Model的变化,从而使View做出相应更新。

命令行窗口常用内部命令(P10)

dir:显示一个目录中的文件列表。cd:进入一个目录。md:创建一个目录。

C:\>dir //显示当前目录中的所有文件C:\>cd my-files //进入当前目录下的my-files目录C:\md new-files //在当前目录下创建一个名为new-files的子目录

CDN-content delivery network(P11)

所谓CDN,是指内容分发网络。通过构建分布式的内容分发网络,用户可以就近获取所需内容,这样就可以提高用户访问的响应速度和命中率。

v-model(P13)

v-model是Vue提供的一个指令,其含义就是将文本输入框的内容与一个数据变量关联起来,也称为“绑定”。

Vue根实例(P15)

在一个完整的项目中,虽然可能会创建多个Vue实例并由此形成层次结构,但是通常一个应用中只能有一个唯一处于最上层的Vue实例,这个Vue实例就称为“Vue根实例”。

“键-值”对(P17)

任何一个对象的成员要么就是数据成员,要么就是函数成员。但无论是数据成员还是函数成员,在本质都是一个“键-值”对,“键”是这个成员的名字,“值”是这个成员的内容。对于函数成员来说,“键”是函数的名字,“值”是函数的“地址”。

字符串模版-ES6新增(P20)

以“ ` ”符号开头和结尾,代替了普通字符串开头和结尾的单引号或双引号。优点:可以跨行,直接产生多行文本。

let hello = `欢迎来自${this.city}的${this.name}!`

箭头函数的this指针方向(P21)

箭头函数不绑定自己的this指针,而是从父级上下文中查找this指针。

属性绑定(P22-23)

双大括号{{ }}语法可以实现HTML元素的文本插值。但是,如果我们希望绑定的是HTML元素的属性,需要使用属性绑定指令:v-bind。v-bind的简写形式:只保留想要绑定的属性前面的冒号。

<ul v-bind:class="sex"></ul><ul :class="sex"></ul>

钩子函数(P24)

Vue.js会自动维护每个Vue实例的生命周期,也就是说,每一个Vue实例都会经历一系列的从创建到销毁的过程。例如:创建实例对象、编译模版、将实例挂载到页面上以及最终进行销毁等。在这个过程中,Vue实例会在不同阶段的时间点向外暴露出各自的回调函数,这些回调函数又称为“钩子函数”,开发人员可以在这些不同阶段的钩子函数中定义业务逻辑。

常用的钩子函数(P26)

Vue.js面试题(21级就业版)(vue面试题简书)

beforeCreate():在实例创建之前调用。created():在实例创建之后调用,此时尚未开始DOM编译。beforeMounted():在挂载开始之前调用。mounted():在实例被挂载后调用,此时页面的相关DOM节点已被新创建的vm.$el替换。它相当于JavaScript中的window.onload()方法。beforeUpdate():每次页面中有元素需要更新时,在更新前就会调用beforeUpdate()钩子函数。updated():每次页面中有元素需要更新时,在更新完之后就会调用updated()钩子函数。beforeDestory():在销毁实例前调用,此时实例仍然有效。destoryed():在实例被销毁之后调用。

this指针指向(P26)

JavaScript中的this指针,默认情况下,this指针指向调用函数的对象。但是,JavaScript还允许使用其他方式调用函数,这使得this指针可以指向其他任何特定的对象。在创建Vue实例的时候,我们在methods中定义的各个方法,其内部的this指针都指向Vue实例对象,这是Vue.js框架进行特殊处理后的结果。

methods属性(P27)

我们在methods属性中设置的函数通常被称为“方法”,用于实现对原始数据的加工,从而方便你在视图中使用加工后的数据。

计算属性的get存取器与methods方法的区别(P29)

computed定义的属性在第一次访问时进行计算,以后再次访问时不再计算,而直接返回上次计算的结果。但是,如果计算属性的值依赖于响应式数据,那么相应式数据发生变化的时候,也会重新计算。而定义在methods中的方法每次调用时都会计算一次。当只计算一次,以后都不再计算时,可以使用计算属性来实现。而当每次都需要计算时,可以使用方法属性来实现。

计算属性的响应式特性(P31)

当一个计算属性依赖于响应式属性时,计算属性会随着依赖的属性而立即更新,更新以后,这个属性值也就被缓存下来,直到依赖的属性下一次更新,才会触发计算属性再次改变。

侦听器(P32)

侦听器的基本作用是在数据模型中的某个属性发生变化的时候进行拦截,从而执行指定的处理逻辑。使用场景一:当希望在某个属性发生变化的时候执行指定的操作。(拦截操作)使用场景二:避免频繁进行耗时操作。在绝大数场景中,都应该使用计算属性而非耗时器,只有当遇到上面所列的两种情况并且有充分的理由时,才应考虑使用侦听器。

深度侦听(P34)

计算属性和侦听器具有很多共性,它们都能够在依赖的响应式属性发生变化时做出反应。对于计算属性,会重新计算属性值;对于侦听器,会触发指定的回调函数。但是二者存在一个重要的区别,就是计算属性是“深度侦听”的,而侦听器如果没有特殊指定的话,那么默认情况下不是“深度侦听”的。、所谓“深度侦听”,是指当依赖或侦听的属性是一个对象而不是简单类型的值(例如数值、字符串等)时,就会以递归方式侦听对象的所有属性。

watch:{deep:true}

immediate参数(P36)

默认情况下,只有当侦听的对象发生变化的时候,才会执行相应的操作,但是初始化的时候不会被侦听到。在一些特殊的场景中,我们希望在初始化的时候就执行一次侦听操作,此时可以使用immediate参数。

watch:{immwdiate:true}

对数组进行侦听(P37)

和对象类似,数组也是引用类型,因此存在比较复杂的侦听规则。从理论上说,修改一个数组的内容,比如修改数组中某个元素的值,或者给数组添加新的元素,都不会修改数组本身的地址(引用),因此也不会被侦听到。为此,Vue.js对数组做了特殊处理,使得使用标准的数组操作方法对数组所做的修改,都可以被侦听到。

使用标准方法修改数组可以被侦听到(P37)

push() 尾部添加pop() 尾部删除unshift() 头部添加shift() 头部删除splice() 删除、添加、替换sort() 排序reverse() 逆序

以对象方式绑定class属性(P41)

以对象方式绑定class属性的基本语法是使用v-bind指令,并设定对象的属性名为class属性从名称,值为true或false。如果值为true,那么表示class属性中将包括绑定的这个class属性的名称,否则就不包含这个class属性的名称。

<div v-bind:class="{class_name:<true|false>}"></div>

事件(P50)

“事件”是发生在HTML元素上某些特定的事情,它的目的是使网页具有某些行为,执行某些“动作”。在一个网页中,通常已经预先定义好了很多事件,开发人员可以编写相应的“事件处理程序”来响应相应的事件。

事件流(P51)

由于DOM是树状结构,因此当某个字元素被点击时,它的父元素实际上也被单击了,并且它的父元素的父元素实际上也单击了,直到根元素。因此,一次“鼠标单击”产生的不是一个事件,而是一系列事件,这一系列事件就组成了“事件流”。

事件流三阶段(P51)

总体来说,浏览器产生事件流分为三阶段。从最外层的根元素html开始依次向下,称为“捕获阶段”;到达目标元素时,称为“到达阶段”;然后以此向上回到根元素,称为“冒泡阶段”。DOM规范规定在捕获阶段中不会命中事件,但是实际上,目前的各种浏览器对此都进行了拓展。如果需要的话,每个对象在捕获阶段和冒泡阶段都可以获得一次处理事件的机会。

v-on指令绑定事件

本文链接地址:https://www.jiuchutong.com/zhishi/297566.html 转载请保留说明!

上一篇:前端 - get请求传递数组(前端get请求传数组)

下一篇:Vue框架简介(vue框架是什么样子的)

  • excel关闭快捷键(关闭excel快捷键是什么)

    excel关闭快捷键(关闭excel快捷键是什么)

  • airpods二代可以有线充电吗(airpods二代可以用20w快充吗)

    airpods二代可以有线充电吗(airpods二代可以用20w快充吗)

  • 优酷会员卡激活入口是什么(优酷会员卡激活码是多少)

    优酷会员卡激活入口是什么(优酷会员卡激活码是多少)

  • 淘金币抵扣退款金币会退回吗(淘金币抵扣退货)

    淘金币抵扣退款金币会退回吗(淘金币抵扣退货)

  • 一加8防水吗(一加8是否防水)

    一加8防水吗(一加8是否防水)

  • vivo快充怎么变慢充了(vivo快充怎么变成普通充电了)

    vivo快充怎么变慢充了(vivo快充怎么变成普通充电了)

  • 微信出行健康码怎么申请(微信出行健康码在哪里找)

    微信出行健康码怎么申请(微信出行健康码在哪里找)

  • 手机能用无线电脑不行(手机能用无线电视怎么连不上)

    手机能用无线电脑不行(手机能用无线电视怎么连不上)

  • 微信上视频怎么美颜(微信上视频怎么删除)

    微信上视频怎么美颜(微信上视频怎么删除)

  • 抖音一块钱多少抖币(抖音一块钱多少票)

    抖音一块钱多少抖币(抖音一块钱多少票)

  • wps会员拥有多大的云文档存储空间(wps会员拥有多大的云文档)

    wps会员拥有多大的云文档存储空间(wps会员拥有多大的云文档)

  • 注册过的钉钉如何激活(钉钉以前注册过)

    注册过的钉钉如何激活(钉钉以前注册过)

  • 华硕ac86u频繁断网处理(2020年华硕ac86u断流解决了吗)

    华硕ac86u频繁断网处理(2020年华硕ac86u断流解决了吗)

  • 苹果7p手机分屏设置(苹果7p手机分屏功能)

    苹果7p手机分屏设置(苹果7p手机分屏功能)

  • 魅族16th快充多少瓦(魅族16th快充多少)

    魅族16th快充多少瓦(魅族16th快充多少)

  • 手机歌曲怎么下载到u盘(手机歌曲怎么下载到车载u盘)

    手机歌曲怎么下载到u盘(手机歌曲怎么下载到车载u盘)

  • iPhone11pro怎么重启(苹果pro11怎么重启)

    iPhone11pro怎么重启(苹果pro11怎么重启)

  • 微信号怎么添加好友(微信没有设置微信号怎么添加)

    微信号怎么添加好友(微信没有设置微信号怎么添加)

  • 苹果售后维修是免费吗(苹果售后维修是怎么检测手机的)

    苹果售后维修是免费吗(苹果售后维修是怎么检测手机的)

  • 荣耀9x有没有语音唤醒功能(华为荣耀9x有没有语音控制开启软件)

    荣耀9x有没有语音唤醒功能(华为荣耀9x有没有语音控制开启软件)

  • 淘宝特别关注怎么设置(淘宝的特别关注店铺在哪里可以找到)

    淘宝特别关注怎么设置(淘宝的特别关注店铺在哪里可以找到)

  • 电脑显卡怎么看档次(win11电脑显卡怎么看)

    电脑显卡怎么看档次(win11电脑显卡怎么看)

  • 手机视频怎样通过蓝牙在电视上播放

    手机视频怎样通过蓝牙在电视上播放

  • ppt图表怎么编辑数据(ppt图表怎么编辑数据源)

    ppt图表怎么编辑数据(ppt图表怎么编辑数据源)

  • 电脑收银是怎么操作(电脑收银怎么操作流程)

    电脑收银是怎么操作(电脑收银怎么操作流程)

  • 电脑麦克风对方听不到声音(电脑麦克风对方听不到声音怎么办)

    电脑麦克风对方听不到声音(电脑麦克风对方听不到声音怎么办)

  • 浅谈报关单填制的常见错误
  • 企业所得税的计算公式
  • 税控盘解锁是什么意思
  • 个税退税是公司退还是个人退
  • 出口退免税备案
  • 代购货物的缴税情况
  • 工伤职工应享有的待遇及救济途径
  • 企业购入办公桌和办公椅的核算
  • 知识产权投资是什么意思
  • 2016年营改增后18个税种,第一大税种是()
  • 房地产企业预缴税费
  • 税控技术服务费计入什么科目
  • 每个季度企业要缴纳什么税
  • 资产负债表应交税费计算公式
  • 个人取得的股票转让所得暂不征收个人所得税
  • 以固定资产投资入股
  • Laravel 5.4中migrate报错: Specified key was too long error的解决
  • php oci
  • php获取信息
  • 分享下会画画是怎样的体验
  • 评估价值时点依据什么
  • 微信php开发
  • 会计不忙
  • 简明易懂的
  • php模板引擎执行时间
  • Yii2中添加全局函数的方法分析
  • 收到投资款的会计科目怎么入账
  • 蓝桥杯大赛2021
  • thinkphp跨域
  • 中国传统节日大概有多少
  • 独立核算的分公司责任承担问题
  • 公司员工抽奖活动
  • 企业重组后的债权怎么算
  • 融资租赁利息一般多少
  • sql serverjdbc
  • 会计成本应如何结转
  • 银行承兑汇票是商业汇票吗
  • 保险公司作为奖金怎么算
  • 辞退补偿金的标准
  • 机动车销售统一专票怎么做账
  • 城镇土地使用税税率
  • 现金流量表的主要项目
  • 预付工程款会计分录
  • 所得税汇算清缴退税会计分录怎么做
  • 融资租赁取得的机器设备的账务处理
  • 股东出资做什么科目
  • 公司购买银行理财产品怎么做账
  • 注册资金没有到位
  • 收到银行季度结转怎么做
  • 意外伤害条件
  • 非流动资产处置利得计入什么科目
  • 接受捐赠的固定资产计入什么科目
  • 总分类账示例
  • 资产损失扣除
  • MySQL的存储过程保存在哪里
  • 行转列sql函数
  • fedora os
  • 开启win7
  • mac变得很卡很慢
  • ubuntu怎么清理内存
  • linux常用命令详解
  • mac启动快捷键
  • centos还原到初装
  • win10系统的设备管理器在哪里
  • centos下载软件并安装
  • centos7 vncserver
  • jquery 设置和返回元素属性
  • android.json
  • UNITY开发工程师
  • java的gui框架
  • 批处理文件的拷贝怎么写
  • 批处理提取文件夹中的文件
  • vue中使用js
  • unity3d CarWaypoints插件
  • javascript基于什么的语言
  • JavaScript中length属性的使用方法
  • js实现功能
  • javascript面向过程
  • 网上报税失败什么原因
  • 某地区土拍的楼盘有哪些
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设