关于前端:面试系列总集篇

“ 小和山的菜鸟们 ”，为前端开发者提供技术相干资讯以及系列根底文章。为更好的用户体验，请您移至咱们官网小和山的菜鸟们 (https://xhs-rookies.com/) 进行学习，及时获取最新文章。

“Code tailor”，如果您对咱们文章感兴趣、或是想提一些倡议，微信关注 “小和山的菜鸟们” 公众号，与咱们取的分割，您也能够在微信上观看咱们的文章。每一个倡议或是同意都是对咱们极大的激励！

面试系列不定期更新，请随时关注

2021 年秋招马上来了，很多小伙伴也开始着手筹备寒假实习、秋招。

然而又不晓得面试会考哪些知识点，不晓得如何筹备面试，十分懊恼。

而且不同公司面试格调也不尽相同，有些公司偏差于网络方面的内容，有些公司偏差于 JavaScript/ES6 基础知识，有些公司啥都问，内容简单且知识点广，对于小伙伴来说是一件很头疼的事件。

为此，咱们争做排头兵，历时 62 天，共面试 20+ 公司，最终斩获 offer。

咱们将咱们面试的经验整理出来，筹备了一整套面试题，蕴含面试波及到的方方面面。并且咱们还会开设专门的课题精讲，将那些重、难题目拿进去剖析汇总，帮忙大家进一步坚固常识。

最初，祝大家都能够斩获本人心仪的 offer！

咱们这次面试 20+ 公司的面试题进行了归类和汇总。分类整理出以下几大模块：

以上几个模块都有 10-20 余道面试题目，除此之外，咱们还会为重点题目，重难知识点独立拿进去解析，为大家梳理逻辑，讲清内容。

咱们会在后续几篇文章中将这几个模块的题目进行解析，敬请期待！

html+css
flex 布局几个属性，如何应用。
css3 相比于 css2 多了什么
什么是 BFC
布局设计：顶部固定，下方滚动页面
怎么在一个盒子外面展现一个大小不定的图片（不能呈现闪动）
请阐明 Html 布局元素的分类有哪些？形容每种布局元素的利用场景
Html 标签 b 和 strong 的区别
说一下缩小 Dom 数量的方法？一次加载大量 Dom 怎么优化
Html5 有哪些新个性？如何解决新标签的浏览器兼容问题？
a 标签默认工夫禁用后做了什么能力实现跳转
meta 元素都有什么

框架
虚构 DOM（什么是虚构 DOM，为什么会呈现，用来干什么，哪些框架外面有？）
双向绑定的实现原理，以及在 vue 中是如何实现的
react 中的 diff 算法
react 和 vue 的区别
react 中 redux 思维以及应用
react 罕用的生命周期及其执行程序
react hooks 的作用到底是什么
react router 什么作用，你怎么应用的
react 中类组件和函数组件的区别
redux 和 vuex 两者的意识和区别

网络 / 存储
什么是 HTTP 申请
什么是跨域
有哪几种解决跨域的办法，各自优劣性。
jsonp 解决跨域问题原理和存在的问题
http2 和 http1 的区别
HTTPS 和 HTTP 区别
GET 和 POST 到底有什么区别
HTTP 外面的缓存机制
网络申请状态码
OSI/TCP 模型有哪几个局部
axios 实际上做了什么事件
如何解决 localstroage 的跨域问题
cookie、localstroage、sessionstroage 区别

手写程序题 / 算法题
程序输入题目：构造函数与实例对象间的属性问题
程序编程题：flat、拍平数组、本人实现拍平数组的成果
程序编程题：本人实现 promise all
程序编程题：本人实现 reducer
程序编程题：URL 解析为对象
程序编程题：应用 settimeout 写一个 setinterval
算法题：无反复字符最大子串的问题
算法题：二叉树的前中后遍历
算法题：迷宫问题
算法题：手写冒泡排序
算法题：不齐全的二叉树的倒置

下节咱们将为大家带来 JavaScript / ES6 的面试题解，敬请期待！

快来退出咱们吧！