哈啰前端一面面经

寿司1234567-＞1，234，456盒模型是什么 有哪些 css如何设置盒模型的类型var let相关变量提升 暂时死区简单输出问题箭头函数和普通函数比有哪些不同Array和a＝［］的关系（想办法构成等式或者构成某种联系）上面延伸出构造函数，原型，实例之间的关系手写一个简单的闭包vue组件间通信computed和watch区别页面有一个组件渲染了一个数字，这个数字在一个循环自增上万次，页面渲染几次?数字计算到呈现到页面都发生了什么？反问环节面试轮次部门秒过，面试官又帅声又好听

上来面试官介绍流程：介绍部门+提前实习→面试问题→反问环节重点说三遍：需要提前实习，提前实习，提前实习。。。。。介绍简历里面的项目以及重难点，然后根据项目里面的重难点进行提问，结合的场景题。。。然后就是简单的问了几个八股问题，不太记得了性能优化方式？性能指标有哪些？最后让我介绍一下简历里面项目的亮点！反问：业务，技术栈：React，base，提前实习等一些问题。

一面（50min）1. 前后端都做过，为什么最后选择前端这个方向呢？2. HTML 的语义化的标签有哪些，语义化的作用3. CSS 的盒子模型，通过什么属性去进行设置4. 三栏布局如何实现5. position: sticky 是相对谁去进行偏移的6. 响应式布局的实现方案7. rem怎么设置8. 在不同屏幕（360px、375px、414px 等）上保持 “一行三等分元素” 的统一效果，怎么实现9. JS 的闭包10. 什么是防抖节流，如果不停的触发，时间都是 500 毫秒，那如果在 3 秒内，那防抖，节流会触发几次11. JS 事件冒泡和捕获的过程12. Vue 有哪些核心特点13. Vue 为什么要替 jQuery 呢14. 为什么要做性能优化15. 首屏加载完成了，这个指标从哪里去读16. 什么是LCP，最大的元素是怎么定义的17. 了解网页上的一个资源加载的一个瀑布流吗？怎么用浏览器查看18. 从输入网页地址到首屏加载完成，整个过程是什么样的19. http1.0, 1.1, 2.0的区别20. HTML 的这个渲染过，JS 会不会阻塞 HTML 的渲染流程21. 手写Promise.race二面（60min）1. JS 的事件循环，日常中，比如你写一个代码逻辑，有哪些场景会触发这些？有哪些是宏任务，有哪些是微任务？2. JS 的原型链3. history 和 hash 两种路由以及它的两差别和常用的用法4. JS的内存泄漏5. React 的 常见hooks 的用法6. 阐述一下使用 axios 的 API 开始构造一个 post 请求。从代码角度以及从代码开始写之后，操作系统以及它底下的链路是怎么运行的7. HTTP 请求和 HTTPS的区别8. SSL/TLS握手在哪一步执行9. 手撕嵌套数组对象的广度和深度遍历（递归和栈分别实现）10. Webpack 的工作原理和工作流程11. Git 的相关的命令有哪些12. git rebase和 git merge 的区别是什么13. 怎么去看待小米的这个公司的发展的情况14. 怎么去看待个人的技术发展与那个公司的业务发展这两个之间关系

实习介绍 手撕：1.题目忘了，嵌套数字索引问题（dfs）。2.手写样式，实现垂直水平居中，并且子元素向上偏移50px。3.处理串行并行请求。八股：1.讲一讲熟悉的Hooks2.在将类组件重构为函数式组件时，componentDidMount和componentDidUpdate如何用Hooks替代。3.在React中，有哪些生命周期钩子是不能用Hooks替代的。4.在调用组件，prop为一个多层嵌套的对象{a.b.c}时，如果传参出错，会造成什么影响，如何避免白屏5.讲一讲项目中遇到的难点，如何解决的？6.反问