哈啰前端一面面经

寿司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.实习介绍，说了十分钟，问了一个全栈开发的项目2.AES RSA都是什么，有什么区别，私钥公钥有几对（勉强）3.JWT是什么，全称是什么（勉强）4.React Hooks都是什么，和vue的有什么区别，Reacthooks怎么用（还行）5.JS数据类型都有什么（还可以）6.数组API都有什么，用过哪些7.前端显示图片的方式，图片可视化的标签都有什么（没复习到说了img）8.canvas是什么，在项目里怎么使用（没复习到）9.如何实现button的渐变效果，比如从深红到浅红的渐变，有几种实现方式10.JS数组都有什么，用在哪里，对象数组是什么（还行）11.JS首页渲染怎么实现，也就是浏览器渲染首页流程（复习到了，勉强能说）12.白屏怎么办，懒加载是什么怎么实现（懒加载背完忘了完蛋）13.React状态管理工具怎么用（一开始没想起来React的，说了vuex+pinia，具体地说了vuex，后来突然想起来了，说了redux和ZUstand和usestate，没敢细说因为全忘光）14.v-if 和v-show有什么区别。都是干什么的（说了先if后show，背过忘了）15.手撕： m*n 初始化值为0，尽可能简单的写16.开始深挖项目和实习：首页渲染页面性能提升50%怎么做到的之前实习项目的组件是公司自己的还是你自己写的（自己写的）分页是你做的还是后端帮你（后端帮我）项目的数据量有多少之前应用的页面为什么会白屏，闪退，原因是什么知道吗，是搜输入的时候就闪退还是什么...(还有很多聊了20min具体记不太清了)17.平时用ai吗都用什么，让ai写css给他指令怎么给（这能咋给）18.ai使用占比多少，90%？（苦笑着说60%70%吧）19.反问环节