2025-前端八股文集锦

234 阅读2分钟

前端工程化

  • webpack打包流程?
  • webpack常用配置项,分别说一说他们的作用?
  • loader和plugin的区别?有没有自己写过loader?
  • 常用的plugin有哪些?
  • 什么是Code Splitting?
  • vite和webpack的区别?他们的热更新有什么区别?
  • 什么是Tree Shaking?
  • 如何提高webpack的打包速度?减少打包后的体积?
  • 什么是ESLint?它的原理是什么?

HTTP&浏览器

  1. GET、POST的区别是什么?
  2. HTTP和HTTPS的区别是什么?
  3. HTTP2对比HTTP1有什么改变?
  4. 从输入URL到看页面这段时间发生了什么?
  5. 什么是跨域?怎么解决跨域? jsonp可跨域的标签?
  6. 说一说浏览器的渲染机制。
  7. 浏览器的事件机制。
  8. POST请求为什么会多发送一次option?怎么减少预检?
  9. HTTP的状态码有哪些以及其代表的意思。
  10. HTTP kepp-alive是做什么的?
  11. 进程和线程的区别
  12. 浏览器垃圾回收机制
  13. 浏览器渲染进程有哪些线程?
  14. 浏览器存储数据的方式有哪些?
  15. 简述TCP三次握手四次挥手的过程
  16. TCP/IP协议包含哪几层
  17. TCP和UDP的区别
  18. 如何实现浏览器内多个标签页之间通信
  19. web安全攻击方式以及防御方法
  20. 浏览器事件循环和node的事件循环
  21. 什么是重绘和回流,以及如何减少重绘和回流。
  22. 浏览器缓存策略,以及浏览器缓存的优先级
  23. http的请求和响应报文分别是什么样的
  24. 重定向307、303、302的区别
  25. 什么是OSI 七层模型 ?TCP/IP 四层模型又是什么

React

  1. 什么是jsx、和js的区别是什么
  2. react的生命周期,类组件与函数式组件生命周期相关函数
  3. react hooks解决了什么问题,函数组件与类组件的区别
  4. react18有哪些更新
  5. react事件机制和原生dom事件流的区别
  6. setState是同步还是异步、如何获取最新的state
  7. 说一说fiber
  8. 什么是虚拟DOM,AST又是什么
  9. 受控组件和非受控组件的区别
  10. react-router的工作原理,react-router-dom有哪些组件
  11. react的使用有什么限制条件吗
  12. useMemo和useCallback的区别和使用场景
  13. react错误边界是什么
  14. Immutable是什么,如何应用在react项目中,还有哪些可以提升react项目性能的方法