拼多多前端笔试

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

JavaScript的事件循环（Event Loop）机制是一种用于处理异步操作的机制，它确保了JavaScript代码的顺序执行和响应用户输入的能力。而浏览器引擎则是负责解析和执行JavaScript代码的核心组件。事件循环机制实际上是一个执行模型，用于控制 JavaScript 代码在主线程上的执行顺序。它由以下几个部分组成：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=d9738d5978ec4ce280c08a4ae4cc1f95调用栈（Call Stack）：用于管理函数的调用和执行过程。当一个函数被调用时，其对应的执行上下文会被压入调用栈中，当函数执行完毕后，上下文会从调用栈中弹出。任务队列（Task Queue）：用于存放待执行的任务。任务可以是同步任务（即立即执行的任务）或异步任务（需要等待一段时间才能执行的任务）。事件循环（Event Loop）：它是一个持续运行的循环，监听调用栈和任务队列的状态。当调用栈为空时，事件循环会从任务队列中取出任务并将其压入调用栈，进行执行。Web APIs：提供了一些浏览器提供的异步功能，如定时器（setTimeout、setInterval）、网络请求（XMLHttpRequest、fetch）等。当这些异步操作完成时，它们会将回调函数放入任务队列中，等待事件循环的处理。浏览器引擎是事件循环机制的基础，它负责解析和执行 JavaScript 代码。它将 JavaScript 代码转换为可执行的字节码或机器码，并提供了一些内置的对象和方法供 JavaScript 代码使用。当浏览器引擎遇到异步操作时，它会将这些操作委托给 Web APIs 处理，然后将回调函数放入任务队列中。当事件循环从任务队列中取出这些回调函数时，浏览器引擎会再次执行相应的 JavaScript 代码。总结来说，事件循环机制是 JavaScript 的一种执行模型，而浏览器引擎是实际执行 JavaScript 代码的核心组件。事件循环依赖于浏览器引擎提供的异步功能，通过监听调用栈和任务队列的状态，保证了 JavaScript 代码的顺序执行和对用户输入的响应能力。

1.聊实习 2.讲一讲浏览器渲染网页的过程3.重排的重绘4.了解js事件循环吗5.微任务和宏任务都有哪些6.讲一讲Hooks带来哪些改变7.useEffect和useLayoutEffect的区别8.useState和useRef的区别9.webpack做过哪些优化10.了解tree shaking吗11.commonjs有tree shaking吗12.Promise都有哪些状态手撕1.描述打印顺序（render在useEffect之前）2.封装一个防竞态的api调用自定义hooks3.写一个控制并发的schedule

1.实习介绍。2.JS数组方法map和filter区别?项目里怎么用?3.React组件通信方式?跨层级怎么传值?4.CSS Grid布局核心?怎么实现网格自适应?5.HTTP强缓存字段?项目里怎么设置过期时间?6.Vue3组合式API优势?项目里用setup做了什么?7.前端事件委托原理?项目里用它优化过什么?8.async/await怎么用?比Promise有什么优势?9.TS联合类型是什么?项目里怎么处理类型分支?10.浏览器存储cookie特点?项目里怎么管理cookie?11.React hooks useEffect怎么清理副作用?12.你做过的电商项目难点?怎么解决的?13.前端工程化代码分割?项目里怎么实现懒加载?14.跨域CORS原理?项目里后端怎么配置的?15.Vue组件缓存keep-alive作用?怎么用?16.前端防CSRF措施?项目里怎么做的?