# 前端面试题

> 该面试题集合会根据相应的知识点进行划分，一个知识点会分配1+个面试题，每一个面试题都会以单独的页面展现出来，该页面的显示的该面试题的目录结构。

## 面试题目列表

[HTML面试题部分](https://interview.book.xhh.name/html/html)

[CSS面试题部分](https://interview.book.xhh.name/css/css-mian-shi-ti-bu-fen)

[JavaScript面试题部分](https://interview.book.xhh.name/javascript/javascript-mian-shi-ti-bu-fen)

[React面试题部分](https://interview.book.xhh.name/react/react-mian-shi-ti-bu-fen)

1. [React生命周期有哪些，16版本生命周期发生了哪些变化？](https://interview.book.xhh.name/react/react-mian-shi-ti-bu-fen/react-sheng-ming-zhou-qi-you-na-xie-16-ban-ben-sheng-ming-zhou-qi-fa-sheng-le-na-xie-bian-hua)
2. [setState是同步的还是异步的？](https://interview.book.xhh.name/react/react-mian-shi-ti-bu-fen/setstate-shi-tong-bu-de-hai-shi-yi-bu-de)
3. [为什么有时连续多次setState只有一次生效？](https://interview.book.xhh.name/react/react-mian-shi-ti-bu-fen/wei-shen-me-you-shi-lian-xu-duo-ci-setstate-zhi-you-yi-ci-sheng-xiao)
4. [React如何实现自己的事件机制？](https://interview.book.xhh.name/react/react-mian-shi-ti-bu-fen/react-ru-he-shi-xian-zi-ji-de-shi-jian-ji-zhi)
5. [为何React事件要自己绑定this？](https://interview.book.xhh.name/react/react-mian-shi-ti-bu-fen/wei-he-react-shi-jian-yao-zi-ji-bang-ding-this)
6. [原生事件和React事件的区别?](https://interview.book.xhh.name/react/react-mian-shi-ti-bu-fen/yuan-sheng-shi-jian-he-react-shi-jian-de-qu-bie)
7. [React的合成事件是什么？](https://interview.book.xhh.name/react/react-mian-shi-ti-bu-fen/react-de-he-cheng-shi-jian-shi-shen-me)
8. [React和原生事件的执行顺序是什么？可以混用吗？](https://interview.book.xhh.name/react/react-mian-shi-ti-bu-fen/react-he-yuan-sheng-shi-jian-de-zhi-hang-shun-xu-shi-shen-me-ke-yi-hun-yong-ma)
9. [虚拟Dom是什么？](https://interview.book.xhh.name/react/react-mian-shi-ti-bu-fen/xu-ni-dom-shi-shen-me)
10. [虚拟Dom比普通Dom更快吗?](https://interview.book.xhh.name/react/react-mian-shi-ti-bu-fen/xu-ni-dom-bi-pu-tong-dom-geng-kuai-ma)
11. [虚拟Dom中的$$typeof属性的作用是什么？](https://interview.book.xhh.name/react/react-mian-shi-ti-bu-fen/xu-ni-dom-zhong-de-typeof-shu-xing-de-zuo-yong-shi-shen-me)
12. [React组件的渲染流程是什么？](https://interview.book.xhh.name/react/react-mian-shi-ti-bu-fen/react-zu-jian-de-xuan-ran-liu-cheng-shi-shen-me)
13. [为什么代码中一定要引入React？](https://interview.book.xhh.name/react/react-mian-shi-ti-bu-fen/wei-shen-me-dai-ma-zhong-yi-ding-yao-yin-ru-react)
14. [为什么React组件首字母必须大写？](https://interview.book.xhh.name/react/react-mian-shi-ti-bu-fen/wei-shen-me-react-zu-jian-shou-zi-mu-bi-xu-da-xie)
15. [React在渲染真实Dom时做了哪些性能优化？](https://interview.book.xhh.name/react/react-mian-shi-ti-bu-fen/react-zai-xuan-ran-zhen-shi-dom-shi-zuo-le-na-xie-xing-neng-you-hua)
16. [什么是高阶组件？如何实现？](https://interview.book.xhh.name/react/react-mian-shi-ti-bu-fen/shen-me-shi-gao-jie-zu-jian-ru-he-shi-xian)
17. [HOC在业务场景中有哪些实际应用场景？](https://interview.book.xhh.name/react/react-mian-shi-ti-bu-fen/hoc-zai-ye-wu-chang-jing-zhong-you-na-xie-shi-ji-ying-yong-chang-jing)
18. [高阶组件(HOC)和Mixin的异同点是什么？](https://interview.book.xhh.name/react/react-mian-shi-ti-bu-fen/gao-jie-zu-jian-hoc-he-mixin-de-yi-tong-dian-shi-shen-me)
19. [Hook有哪些优势？](https://interview.book.xhh.name/react/react-mian-shi-ti-bu-fen/hook-you-na-xie-you-shi)
20. [React Diff算法的策略是什么？](https://interview.book.xhh.name/react/react-mian-shi-ti-bu-fen/react-diff-suan-fa-de-ce-lve-shi-shen-me)
21. [React中 key的作用是什么？](https://interview.book.xhh.name/react/react-mian-shi-ti-bu-fen/react-zhong-key-de-zuo-yong-shi-shen-me)
22. [React Fiber是什么？为什么要引入？](https://interview.book.xhh.name/react/react-mian-shi-ti-bu-fen/react-fiber-shi-shen-me-wei-shen-me-yao-yin-ru)
23. [为什么推荐在 componentDidMount中发起网络请求？](https://interview.book.xhh.name/react/react-mian-shi-ti-bu-fen/wei-shen-me-tui-jian-zai-componentdidmount-zhong-fa-qi-wang-luo-qing-qiu)
24. [React代码优化？](https://interview.book.xhh.name/react/react-mian-shi-ti-bu-fen/react-dai-ma-you-hua)
25. [React组件设计要掌握哪些原则？](https://interview.book.xhh.name/react/react-mian-shi-ti-bu-fen/react-zu-jian-she-ji-yao-zhang-wo-na-xie-yuan-ze)
26. [Redux的核心原理是什么？](https://interview.book.xhh.name/react/react-mian-shi-ti-bu-fen/redux-de-he-xin-yuan-li-shi-shen-me)
27. [什么是 Redux中间件？](https://interview.book.xhh.name/react/react-mian-shi-ti-bu-fen/shen-me-shi-redux-zhong-jian-jian)
28. [Redux connect函数的实现策略？](https://interview.book.xhh.name/react/react-mian-shi-ti-bu-fen/redux-connect-han-shu-de-shi-xian-ce-lve)
29. [Mox的核心原理是什么？](https://interview.book.xhh.name/react/react-mian-shi-ti-bu-fen/mox-de-he-xin-yuan-li-shi-shen-me)
30. [Redux和 Mobx的异同点，如何选择？](https://interview.book.xhh.name/react/react-mian-shi-ti-bu-fen/redux-he-mobx-de-yi-tong-dian-ru-he-xuan-ze)

[浏览器面试题部分](https://interview.book.xhh.name/liu-lan-qi/liu-lan-qi-mian-shi-ti-bu-fen)

[构建工具面试题部分](https://interview.book.xhh.name/gou-jian-gong-ju/gou-jian-gong-ju-mian-shi-ti-bu-fen)

[项目优化面试题部分](https://interview.book.xhh.name/xiang-mu-you-hua/xiang-mu-you-hua-mian-shi-ti-bu-fen)