25年最新前端八股文合集(带解析 超详细版本!)直接保底5个offer!

142 阅读4分钟

篇幅原因先展示以下这些内容,有更多需要可以:点击这里

基础不能丢——JavaScript篇

  1. 不会冒泡的时间有哪些

  2. mouseEnter和mouseOver有什么区别

  3. MessageChannel是什么,有什么使用场景?

  4. async\await实现原理?

  5. Proxy能够监听到对象中的对象的引用吗?

  6. 什么是作用域链

  7. 说说vue3中的响应式设计原理

  8. vue中,推荐在哪个生命周期发起请求?

  9. 子组件是一个Portal,发生点击世家能冒泡到父组件吗?

  10. 什么是DOM和BOM?

11. React Portals有什么用?

  1. react和 react-dom是什么关系?

  2. MessageChnnel是什么,有什么使用场景?

  3. 为什么react需要fiber架构,而Vue却不需要?

  4. 前端性能优化指标有哪些?怎么进行性能检测?

  5. 使用Promise实现红绿灯交替重复亮

  6. 说说React render方法的原理?在什么时候会被触发?

底层——Vue篇

  1. Vue 的最大的优势是什么?

  2. Vue 和 jQuery 两者之间的区别是什么?

  3. mvvm 和 mvc 区别是什么?哪些场景适合?

  4. Vue 数据双向绑定的原理是什么?

  5. Object.defineProperty 和 Proxy 的区别

  6. Vue 生命周期总共分为几个阶段?

  7. 第一次加载页面会触发哪几个钩子函数?

  8. vue 和 React 的区别

  9. 请说下封装 Vue 组件的过程?

  10. Vue 组件如何进行传值的?

  11. 组件中写 name 选项有什么作用?

  12. Vue 组件 data 为什么必须是函数

  13. 讲一下组件的命名规范

  14. 怎么在组件中监听路由参数的变化?

  15. 怎么捕获 Vue 组件的错误信息?

  16. Vue 组件里的定时器要怎么销毁?

17. Vue.cli 中怎样使用自定义的组件?有遇到过哪些问题吗?

  1. Vue有了数据响应式,为何还要diff?

  2. vue3为什么不需要时间分片?

底层——React篇

  1. 谈谈你对 React 的了解(必会)

  2. 什么是 JSX?为什么浏览器无法读取 JSX?

  3. [shouldComponentUpdate]是做什么?

  4. React 性能优化是哪个周期函数?

  5. React 中 keys 的作用是什么?

  6. React 中 refs 的作用是什么?

  7. 请列举 React 中定义组件的方法?

  8. 调用 setState 之后发生了什么?

  9. 你怎么理解 redux 的 state 的?

  10. 除了在构造函数中绑定 this,还有其它方式吗?

11.(在构造函数中)调用 super(props)的目的是什么?

  1. 简述 flux 思想?

  2. 事件在 React 中的处理方式?

  3. 列出 Redux 的核心方法?

  4. (组件的)状态(state)和属性(props)之间有何不同?

  5. 说说你在React项目是如何捕获错误的?

  6. 说说React服务端渲染怎么做?原理是什么?

18. [React Fiber]是如何实现更新过程可控?

  1. Fiber为什么是React性能的一个飞跃?

中高级必会——工程化篇

  1. 什么是 [Webpack]

  2. Webpack 的优点是什么?

  3. Webpack 的构建流程是什么?从读取配置到输出文件这个过程尽量说全

  4. 说一下 Webpack 的热更新原理

  5. Webpack 与 grunt、gulp 的不同?

  6. 有哪些常见的 Loader?他们是解决什么问题的?

  7. Loader 和 Plugin 的不同?

  8. 如何利用 Webpack 来优化前端性能

9.是否写过 Loader 和 Plugin?描述一下编写 loader 或 plugin 的思路?

  1. 使用 Webpack 开发时,你用过哪些可以提高效率的插件?

  2. 什么是长缓存?在 Webpack 中如何做到长缓存优化?

  3. 如何提高 Webpack 的构建速度?

  4. 怎么实现 Webpack 的按需加载?什么是神奇注释?

  5. 说下Vite的原理

  6. 与Webpack类似的工具还有哪些?

  7. 说说如何借助webpack来优化前端性能?

  8. 说说webpack proxy工作原理?为什么能解决跨域?

  9. 说说webpack的热更新是如何做到的?

  10. 说说webpac中常见的Plugin?解决了什么问题

篇幅原因先展示以下这些内容,有更多需要可以:点击这里