面试题目

210 阅读3分钟

需要参与部门的前端面试,故根据简历列出面试题,便于面试。

王冰轮

第一个项目中前端页面主要有哪些功能?

1. 参与的项目中使用的前端技术栈有哪些?

5. js数据类型

image.png

css中伪类与伪元素的区别

image.png

2. Vue基础知识点(nextTick的作用是什么)

3. Options Api与Composition Api的区别

4. Vue3 新特性

6. 项目开发过程中遇到什么比较棘手的问题 怎么解决的?

平常通过什么途径拓展前端技术?

吴晨扬

1. 使用WebScoket实现了一个聊天框功能的流程

WebSocket最大特点就是,服务器可以主动向客户端推送信息,客户端也可以主动向服务器发送信息,而不需要频繁地建立和断开连接。

//首先创建WebSocket实例(执行下面语句之后客户端就会和服务器进行连接) 
var ws = new WebSocket(URL) 
//连接状态 
ws.addEventListener('open', function (event) { console.log"连接成功后的回调函数") }); 
ws.addEventListener('close', function (event) { console.log"连接关闭后的回调函数") }); 
ws.addEventListener('error', function (event) { console.log"连接报错时的回调函数") }); 
// 服务器向客户端推送信息
ws.addEventListener('message', function (event) { console.log"收到服务器数据后的回调函数") }); 
// 客户端向服务端发送消息 
ws.send('XXX')

image.png

image.png

2. 深拷贝,防抖在项目中的使用场景,是否是自己手写出来的?

1732612317682.png

1732612520818.png 1732611514242.png
第一种方法的弊端:这种方法虽然可以实现数组或对象深拷贝,但不能处理函数和正则,因为这两者基于JSON.stringify和JSON.parse处理后,得到的正则就不再是正则(变为空对象),得到的函数就不再是函数(变为null)了。

// 检测数据类型的功能函数 
const checkedType = (target) => Object.prototype.toString.call(target).replace(/\[object (\w+)\]/, "$1").toLowerCase(); 

image.png

3. 从零开始搭建Vue框架的流程(为啥不用Vue3)

4. 二次封装了Axios以优化网络请求 怎样封装以及优化请求

5. 移动端适配

6. 对哪些组件进行封装 拿其中一个组件讲讲封装流程

7. Uniapp与一般Vue项目的差异

接口请求为什么不用uni.request?

uni.request封装 image.png

image.png

1732613715637.jpg

Uniapp与一般Vue项目的区别

1、组件/标签的变化

以前是html标签,现在是小程序标签。

2、js的变化

浏览器专用的window、document、navigator、location对象,包括cookie等存储,只有在浏览器中才有,app和小程序都不支持

在uni-app的各个端中,除了h5端,其他端的js都运行在一个独立的v8引擎下,不是在浏览器中,所以浏览器的对象无法使用。

3、页面管理挪入了uni-app的pages.json, 使用uni.navigateTo等api实现页面跳转

张东雪

1. 大屏是怎么实现不同屏幕分辨率的适配?

2. 评估的视频播放器有哪些?(xgplayer、video.js、ckplayer、aliplayer、tcplayer、flv.js)为什么不使用video.js

3. HTTP-FLV 在同源请求限制下无法支持超过 6 个并发连接(有没有考虑过反向代理)

image.png

image.png

4. 项目中用到的前端技术栈是哪些?参与的具体开发工作有哪些?

5.项目中应该用到表格跟echarts图表 有做过相应封装吗?

6.Navie UI与Element UI的区别

image.png

7. vue相关问题

image.png

image.png

8.watch watchEffect的区别

9.有后端开发经验 为啥要选择前端开发

王思齐

0. 实习项目中采用哪些方式实现响应式布局

image.png

1. 第一个项目是PC端还是手机端的?

2. 讲讲怎么对Axios 进行二次封装

3. 虚拟列表的实现方式

image.png

4. 防抖和节流的区别 使用场景

5. 有uni-app 开发的经历 可以讲讲Uniapp与一般Vue项目的区别

6. 是否独立搭建过Vue项目 封装过哪些组件

7. js worker

1732675847580.png

1732675896940.png

王鹏

1. 怎么实现响应式布局

2. 怎样封装 ECharts 组件

3. element怎么实现按需加载

4. Table 表格组件

5. 项目开发过程中安装了哪些插件 有什么用途?