2022年前端面试题总结

原创 已于 2022-08-01 16:22:16 修改 · 1.1k 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #javascript #vue.js

于 2022-07-27 15:02:04 首次发布
这篇博客汇总了2022年前端面试的精选题目，包括选择题、简答题和编程问答题。选择题涵盖了JavaScript、Vue.js等知识点，如typeof运算符返回值、Vue生命周期、数据类型等。简答题讨论了MVVM与MVC的区别及Vue的v-show和v-if指令。编程题则要求完成合并排序数组和动态生成表格的组件功能，适合考察面试者的实际操作能力。

选择题

1、以下不属于 typeof 运算符返回值的是？
A. “string”
B. “function”
C. “object”
D. “null”

2、Vue 实例的 data 属性，在哪个生命周期中获取不到？
A beforeCreate
B created
C beforeMount
D mounted

3、关于 Vue 组件间的参数传递，下列哪项是不正确的？
A 若子组件给父组件传值，可使用 $emit 方法
B 祖孙组件之间可以使用 provide 和 inject 方式跨层级相互传值
C 若子组件使用 $emit(‘say’) 派发事件，父组件可使用 @say 监听
D 若父组件给子组件传值，子组件可通过 props 接受数据

4、可以用typeof来判断的基本类型有
A. undefined
B. null
C. array
D. object

5、把鼠标移到按钮并点击时，会产生一串什么样的事件？
A active hover focus
B foucs hover active
C hover active foucus
D hover focus active

6、下列声明数组的语句中，错误的选项是？
A var arry= new Array()
B var arry=new Array(3)
C var arry[]=new Array(3)(4)
D var arry=new Array(“3”,“4”)

7、以下不属于JavaScript基本数据类型的是：
A. Boolean
B. undefined
C. Symbol
D. Array

8、关于setInterval(check,10)中说法正确的是
A 程序循环执行10次
B Check函数每10秒执行一次
C 10做为参数传给函数check
D Check

最低0.47元/天 解锁文章
4.根据下面的主类，编写一个立方体类Cube，该类中有求矩形面积area()和体积volume()的方法，而且每种方法都有一个无参的和有参的方法构成过载。
Pre_wen
07-21 4912
4.根据下面的主类，编写一个立方体类Cube，该类中有求矩形面积area()和体积volume()的方法，而且每种方法都有一个无参的和有参的方法构成过载。 class Main{     publicstatic void main(String[] args){       Cubecube = new Cube();       cube.setLength(4);       c
设计立方体类（Cube）
Hyx1273724818的博客
10-01 2682
题目描述 设计立方体类（Cube），求出立方体的面积和体积，分别用全局函数和成员函数判断两个立方体是否相等。（两个立方体相等当且仅当长宽高都相等。） 法一：利用成员函数判断 #include<iostream> using namespace std; class Cube { public: void setLong(int length) { c_L = length; }//可写，设置长 int getLong() { return c_L; }//可读，读取长 void
蛇形数字宫格的实现. 编写一个cube函数，入参为num, 通过js实现 要求如下：当num=3时，输出表格效果为：[[1,2,3][6,5,4][7,8,9]]
weixin_45227188的博客
08-17 723
function snakeMatrix(num) { var arr1 = new Array(num);//初始一维化数组 for(let k=0;k<num;k++){ arr1[k] = new Array(num);初始二维化数组 } for(let i=0;i<num;i++){ for(let j=num-1;j>=0;j–){ // num的平方刚好是arr1[num][num]的最大数，所以每一项只需要用num的平方减去数组下标就可以了 arr1[i][j] = num*
vue中input输入框触发功能父子组件传值
weixin_43541759的博客
04-18 799
vue父子传参
立方解析
weixin_49927493的博客
08-07 272
作业笔记 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客： 全新的界面设计 ，将会带来全新的写作体验； 在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示； 增
2022年前端面试题整理，持续更新中
m0_54849873的博客
07-27 1359
rem是一个相对单位，rem的是相对于html元素的字体大小，没有继承性em是一个相对单位，是相对于父元素字体大小有继承性px是一个“绝对单位”，就是css中定义的像素，利用px设置字体大小及元素的宽高等，比较稳定和精确。因为Vue的组件可能会在很多地方使用，会产生多个实例，如果返回的是对象的，这些组件之间的数据是同一份（引用关系），那么修改其中一个组件的数据，另外一个组件的数据都会被修改到。...
2022年web前端最全面试题及答案【含vue-react】.docx
06-25
"2022年web前端最全面试题及答案" 本资源是一个涵盖Web前端开发的常见问题和答案的集合，涵盖HTML、CSS和JavaScript等领域。本文将对这些问题和答案进行分类和解释，并对相关知识点进行详细的解释。 HTML篇 1. ...
精选资源
2021前端面试题.pdf
08-10
前端面试题总结
精选资源
2022年最新前端面试题.docx
07-06
2022 年最新前端面试题知识点总结 一、JS 基础知识 1. JS 数据类型：Number、String、Boolean、Null、Undefined、Symbol、BigInt 等基本数据类型，以及 Object、Array、Date、Function、RegExp 等引用数据类型。 2...
编写一个cube组件，入参数为num
最新发布
qq_25953937的博客
04-27 303
【代码】编写一个cube组件，入参数为num。
vue提升知识点整理
smallteddy.blog.youkuaiyun.com
09-11 4901
1、Vue 实例的 data 属性，可以在created、 beforeMount、mounted生命周期中获取到 2、Vue 中的数组变更通知，通过拦截数组操作方法而实现 3、编译器目标是创建渲染函数，渲染函数执行后将得到 VNode 树 4、组件内 data 发生变化时会通知其对应 watcher，执行异步更新 5、patching 算法首先进行同层级比较，可能执行的操作是节点的增加、删除和更新 6、采用数据劫持方式，即 Object.defineProperty() 劫持 data 中各属性，实现响应
JavaScript笔试题（2）
qq_57112519的博客
06-23 4280
JavaScript笔试题（2） 一、单选题 1.已知字符串"hello everybody "通过下面哪个方法可以去掉字符串两端的空白 A trim() B split() C reverse() D join() 正确答案: A 解析:使用排除法：split分割字符串；reverse反转数组；join将数组转成字符串trim() 去除字符串两端空格 2.3秒后，图片消失，应该使用下面哪个方法 A hide() B setTimeout() C ClearInterval D cl
他写出了 Vue，却做不对这十道 Vue 笔试题
qq_38512834的博客
09-11 1012
Vue 实例的 data 属性，可以在哪些生命周期中获取到？ A. beforeCreate B. created C. beforeMount D. mounted 下列对 Vue 原理的叙述，哪些是正确的？ A. Vue 中的数组变更通知，通过拦截数组操作方法而实现 B. 编译器目标是创建渲染函数，渲染函数执行后将得到 VNode 树 C. 组件内 data 发生变化时会通知其对应 watcher，执行异步更新 D. patching 算法首先进行同层级比较，可能执行的操作是节点的增加、删除和更..
JS基础练习题（二）
Z_L_i的博客
01-13 1万+
一、单选题 1.已知数组 var arr = [1,2,3,4,5],执行 arr.pop() 后，数组的长度是 A 4 B 5 C 6 D 7 正确答案: A 解析: arr.pop()是删除数组后一个数据 2.如果弹出一个可输入信息的框，可以使用哪一个方法 A confirm() B prompt() C alert() D 以上都对 正确答案: B 解析: prompt 3....
检测数据类型的四种方式
ncpz123的博客
08-31 2269
typeof 检测数据类型优点：可以准确的判断简单数据类型（Number、String、Boolean、undefined、null）缺点：判断复杂数据类型比较模糊（Function、Object）instanceof 检测数据类型优点：可以准确的判断复杂数据类型（Array、Object）缺点：不能准确的判断简单数据类型（Number、Boolean、String）constructor 检测数据类型优点：可以检测简单数据类型以及复杂数据类型。
在avascript中可以使用typeof来判断数据类型，但typeof只能判断区分基本类型，即number、string、boolean、undefinded和object这5种；
qqtang1406722832的博客
04-21 628
在javascript中可以使用typeof来判断数据类型，但typeof只能判断区分基本类型，即number、string、boolean、undefinded和object这5种； <script type="text/javascript"> //基本数据类型：number、string、boolean、null、undefined //复杂数据类型（引用数据类型）：object（Array、Data、RegExp、function)
js的各种数据类型判断（typeof、instanceof、Object.prototype.toString.call()、constructor、in、hasOwnProperty）
muzidigbig的博客
11-06 1万+
1.typeof Object.prototype.toString.call() constructor in hasOwnProperty() 基础类型: String、Number、Boolean、null、undefined、Symbol 存储在栈中，赋值变量和比较均为数据本身。 引用类型：Object、Array、Map、Function 存储在堆中，使用new创建，赋值变量和比较均是内存地址。
vue基础笔试题
热门推荐
qq_51066068的博客
07-01 1万+
ctions 选项用来定义事件处理方法，用于处理 state 数据。actions 类似于 mutations，不同之处在于 actions 是异步执行的，事件处理函数可以接收 {commit} 对象，完成 mutation 提交，从而方便 devtools 调试工具跟踪状态的 state 变化。...............
js基础试题及答案(二)
陈乾的博客
07-24 9816
一、单选题 1.已知数组 var arr = [1,2,3,4,5],执行 arr.pop() 后，数组的长度是 A 4 B 5 C 6 D 7 正确答案: A 解析: arr.pop()是删除数组后一个数据 2.var array = new Array(5); array.push(8); 数组array的长度是 A 5 B 6 C 7 D 8 正确答案: B 解析: new Array(5);创建一个长度为5的空数组，push方法在数组后增加一位，结果为6 3.3秒后，图片消失，应该使
2022年前端面试核心知识点整理
资源摘要信息:"2022年最新前端面试题.docx 文件聚焦于 JavaScript 核心概念与常见面试考点，全面涵盖了现代前端开发中必须掌握的基础知识体系。文档从基本数据类型入手，系统梳理了 JS 中的数据分类：包括七种原始...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值