前端高频面试题目

项目

1. 项目难题(vue3-table性能优化)

2. SSR渲染

3. 前端错误处理

4. 大文件上传

5. 骨架屏

6. 虚拟列表滚动

7. Echarts

Vue

---

• T代表文章的order,V代表视频的order

1. 生命周期(T19,V03)
2. 组件通信(T05,V01)
3. Vue3新特性(T18,V11)
4. 响应式原理(T10,V08)
5. key的作用(T02,V14)
6. 双向绑定(v-model)原理(T03,V04)
7. 虚拟DOM(T20,V09)
8. diff算法(T04,V10)
9. SPA和SSR的区别(T31,V31)
10. defineProperty 和 proxy区别(T13,V45)
11. Composition API和Options API区别(v50)
12. reactive和ref区别(T29,V29)
13. Vue性能优化(T24,T25,V24,V25)
14. nextTicK原理(T09,T12,V15)
15. hash和history区别(V46)

前端基础

ES6

1. promise
2. 箭头函数
3. ES Module 与 commonjs
4. proxy
5. weakSet,weakMap
6. symbol
7. web worker

JS

1. 事件循环(EventLoop)
2. this指向
3. 宏任务和微任务

CSS

1. BFC理解
2. 自适应布局
3. flex布局
4. grid布局

HTML

1. 输入URL按回车发生了什么
2. 前端性能优化
3. 首屏优化
4. 重绘和重排

前端工程化

Webpack

---

1. 性能优化

Vite

1. vite优点

计算机网络

HTTP协议

1. http缓存
2. http2.0与http1.0区别
3. xss和csrf攻击

axios

前端性能优化

算法

手写题目

1. Promise.all 和 Promise.race

2. 防抖 与 节流

3. 深,浅拷贝

4. call,apply实现

5. new 实现

6. 柯里化(12)

7. 手写Ajax

8. 数组扁平化

9. 发布订阅者模式

10. 手写JSON.stringify

11. 模版字符串

12. js数据类型判断

13. Array.prototype.reduce实现

node

1. node内存溢出与检测
2. 垃圾回收机制

TypeScript

设计模式

设计原则

1. 单一职责
2. 开闭原则
3. 里氏转换原则
4. 迪米特原则
5. 依赖倒置原则

设计模式

1. 观察者模式
2. 发布订阅
3. 单例模式
4. 工厂模式
5. 适配器模式
6. 策略模式
7. 代理模式