前端开发三年2024面试题

332 阅读2分钟

CSS篇

  1. 实现一个动画
  2. 盒模型和怪异盒模型区别
  3. 实现一个水平垂直居中
  4. less,sass与CSS有哪些区别
  5. 适配怎么实现
  6. css选择权重

浏览器

  1. 浏览器渲染机制(回流-重绘)
  2. 什么是单页面和多页面优势和区别
  3. http和https区别
  4. http缓存(强缓存和协商缓存)是什么

JavaScript

  1. JS数据类型
  2. var,let和const区别
  3. 改变数组的方法,不改变数组的方法,产生新数组的方法
  4. 类型判断的四种方式
  5. 什么是跨域?解决跨域的方式?
  6. 原型链是什么
  7. 事件冒泡和事件捕获的区别
  8. 什么是事件循环
  9. 匿名函数和普通函数的区别
  10. promise的所有方法
  11. 深浅拷贝解释并实现
  12. 防抖和截流理解
  13. promise和async/await区别
  14. 本地存储的三种方式方式
  15. call,bind,apply区别
  16. hash和history路由的区别
  17. ES6新增哪些

TS

  1. type和interface的区别
  2. TS篇面试题,推荐大家都看看

VUE2和VUE3

  1. Vue2和Vue3的区别
  2. v-if和v-show区别,v-if和v-for优先级
  3. Vue2和Vue3双向数据绑定的区别,diff算法区别
  4. Vue2中组件传值有哪几种方式,Vue3中组件传值有哪几种方式
  5. 父组件调用子组件的方法
  6. Vue生命周期分别做了什么
  7. 计算属性和监听区别
  8. VueX中Mutations和action是同步还是异步的
  9. 请求数据在那个生命周期

React

  1. hooks有哪些
  2. 生命周期常见的哪些
  3. setState是同步还是异步的
  4. 在if语句或for语句中使用hooks有什么影响?
  5. memo和useMemo的却别
  6. 怎么实现双向数据流的
  7. 组件传值方式有哪些?
  8. 父组件怎么调用子组件的方法
  9. 为什么要使用Redux
  10. Redux实现原理
  11. 定义响应式数据的方式有哪些?
  12. react事件绑定原理

扩展

  1. ssr和ssg了解,谈谈理解
  2. 项目优化有哪些方式
  3. 如何检查项目白屏问题
  4. 打包后体积过大该怎么处理
  5. webpack实现的原理
  6. 项目亮点,项目难点
  7. 搭建项目需要考虑的点

总结

两周时间面试,成功上岸,三家offer,不说多全面,但是掌握这些,面试还是易如反掌的。 评论区写出你的答案。