2023.03.23 - 2023.03.26 更新各大厂前端面试问题总结（26道题）
2023.03.23 - 2023.03.26 更新前端面试问题总结（26道题）
获取更多面试问题可以访问
github 地址: https://github.com/pro-collection/interview-question/issues
gitee 地址: https://gitee.com/yanleweb/interview-question/issues
目录：
-
初级开发者相关问题【共计 3 道题】
- 157.CSS 文档流 是什么概念？【CSS】
- 158.CSS 中 position 常见属性有哪些，大概讲一下？【CSS】
- 171.[Vue] 响应式数据流驱动页面 和 传统的事件绑定命令式驱动页面， 有何优劣？【web框架】
-
中级开发者相关问题【共计 10 道题】
- 147.HTTP 与 HTTPS 的区别？【网络】
- 148.HTTPS 解决了什么问题？【网络】
- 149.HTTPS 中的 SSL/TLS 是什么？【网络】
- 154.常见的前端内存泄露场景有哪些？【JavaScript、浏览器】
- 156.实现 table header 吸顶， 有哪些实现方式？【CSS】
- 159.[Vue] 父子组件通信方式有哪些？【web框架】
- 160.什么是洋葱模型？【web框架】
- 164.[koa] 中间件的异常处理是怎么做的？【web框架】
- 173.为什么小程序里拿不到dom相关的api【web框架】
- 178.[React] useRef、ref、forwardsRef 的区别是什么?【web框架】
-
高级开发者相关问题【共计 11 道题】
- 152.页面崩溃如何监控？【网络】
- 153.如何监控前端页面内存持续增长情况？【网络】
- 155.常见的前端检测内存泄露的方法有哪些？【JavaScript、浏览器】
- 161.如何实现洋葱模式？【web框架】
- 168.[koa] 在没有async await 的时候, koa是怎么实现的洋葱模型？【web框架】
- 169.[koa] body-parser 中间件实现原理？【web框架】
- 170.文件上传和上传文件解析的原理是啥？【网络、浏览器】
- 172.es6 class 装饰器是如何实现的？【JavaScript】
- 174.Promise then 第二个参数和 Promise.catch 的区别是什么?【JavaScript】
- 175.Promise finally 怎么实现的？【JavaScript】
- 179.[React] useEffect的第二个参数，如何判断依赖是否发生变化？【web框架】
-
资深开发者相关问题【共计 2 道题】
- 151.HTTPS 加密算法和加解密过程是啥？【网络】
- 176.WebWorker、SharedWorker 和 ServiceWorker 有哪些区别？【JavaScript】
初级开发者相关问题【共计 3 道题】
157.CSS 文档流 是什么概念？【CSS】
CSS 的文档流（Document Flow）是指文档中元素按照其在 HTML 中出现的顺序自上而下布局的方式，也称为常规流（Normal Flow）或默认流。文档流定义了元素的布局顺序和定位方式，包括元素的位置、大小、间距等属性。
在文档流中，每个元素都会占据一定的空间并尽可能充满其包含块的宽度。每个元素的位置都会受到前面元素的影响，如果前面的元素发生位置变化，那么后面的元素的位置也会发生相应的变化。
文档流中的元素按照下面的规则排列：
-
块级元素：块级元素会独占一行，并在前面自动添加一个垂直间距。例如：
、