25道 React 高频面试题总结

1. 事件冒泡的原理？

2. ES5以后的新特性

谈谈async awit，箭头函数，这是必问的
箭头函数和普通函数的区别？
const func = () => { console.log(this) } 这里的this指向是？

3. ES2019新特性

4. React的hooks怎么使用的？怎么做性能优化的？

5. React中的使用限制有哪儿些？

6. 不用父给子传函数，如何从父组件调用子组件的方法？

7. React中 refs 的作用？

8. 虚拟DOM的作用？

这题有坑，网上答案也不一定对

9. TypeScript 中 type 和 interface 的区别？

10. Redux的工作流程？action是如何解决异步的？

11. 去掉字符串首尾空格的方法？

这个答案有很多，答对一两个就得分了

12. Webpack项目中可以在什么位置设置环境变量？如何设置？

面试官特别喜欢问webpack,这题应该只有搭建过webpack的人能答对

13. Promise 的API

14. Promise的基本用法

15. 如何实现字体6px

自从我面试别人以来，没有人答对过这个题目，说明大家在项目开发中碰到鸡肋的情况比较少

16. 如何从代码层面清理浏览器的缓存？

这个题目很难有人能答完美的，我自己也迷糊

17. 路由懒加载的实现方式？

18. 防抖节流

19. js的垃圾回收机制

20. 列举一种你了解的react状态管理框架

21. 与其他框架相比，react的diff算法有何不同？

22. 说一下useEffect 和 useLayoutEffect 的区别？

23. React中，你常用的工具库有哪儿些？

24. substr 和 substring 的区别

25. 数组常用的方法

以上是我在面试时，最爱问别人的问题，看看大家可以答对几道呢？有不知道答案的欢迎在下方留言，我会一一回复呢！

最后再来一道打印题，目前还没有人答对过呢？但我相信高手在人间，快来冲击冲击我吧！

for(var i = 0;i < 5;i++){

   setTimeout(function(){

     console.log(i)  // 输出什么？	

   },1000)

}

console.log(i)  // 输出什么？