PDD暑期前端笔试最后一题

自我介绍说一下get post 请求说一下请求携带哪些内容？具体有哪些字段？cors问题？具体会有哪些字段？深挖到不会。webpack devServer 如何做跨域？生产环境如何做？怎么写一个node服务？如何实现块的水平垂直居中？深挖细节：flex布局每个属性，每个属性的含义。设置为flex：1，不设置flex属性分别是什么意思？width和flex-basis的优先级是怎么样的?深挖：scrpit 标签。defer async pre-load pre-fetch 的区别？预检请求有哪些？深挖。js的原型链？听说过csrf吗？如何预防csrf？cookie的具体字段？如何使用让用户服务不...

1、项目相关：描述一下页面登录过程。jwt令牌组成部分，数据格式，优势有哪些。2、react：父子组件之间通信方式有哪些useMemo和useCallback：优势和劣势usestate批量更新的时候，会做几次渲染？三个usestate做更新，输出状态，最后输出的是哪个值？3、浏览器方面：浏览器渲染的过程？性能优化的方式？渲染批量数据的时候如何操作？4、http：http和https的区别？tls加密的过程？对称加密和非对称加密哪个更不安全？http状态码有哪些？5、css：position有哪些属性，各自的区别是什么伪元素和伪类的区别？6、操作系统：进程和线程的区别浏览器是多进程的吗？浏览器的页面是进程还是线程？JS是单线程的吗？事件循环？微任务有哪些？UI渲染属于宏任务还是微任务？promise是什么，为什么要用promise，promise的优势是什么。promise的三个状态？能否来回切换算法题：最大并发数量

面试官是一个女生，没有开摄像头，给我的feeling非常敷衍，声音很模糊很小总结下来就是班味很重自我介绍 && 为什么想换实习工作介绍实习项目，说说业务背景（建议要对实习项目非常熟悉）react什么情况下会重新渲染redux是基于什么实现的跨域，你们实际是怎么解决的跨域的请求会到服务端吗有做过什么AI的项目吗，遇到了什么难点 反问 总共30mins有时候get不到面试官想要深入的点，复盘的时候才看出来，有一种答非所问的感觉

1. display: none 和 visibility: hidden 的区别？display 的默认值是什么？2. 浏览器渲染原理？怎么理解重排和重绘？什么场景下会触发？3. 获取 DOM 节点几何信息（比如 offsetHeight）会触发吗？4. Vue2 如何实现数据响应式？Vue3 呢？如何实现的依赖收集？5. Vue 中的 Diff 算法是怎么样的？6. Vue 中如何进行组件通信？7. v-show 和 v-if 有什么区别？代码输出：Promise.resolve().then(() => {console.log("1");setTimeout(() => {console.log("2");});});setTimeout(() => {console.log("3");Promise.resolve().then(() => {console.log("4");});});new Promise(() => {console.log("5");});console.log(6)代码输出：const a = {b() {console.log(this);},};const b = a.b;b();a.b();手撕:最长公共前缀实现一个 DeepPartial 工具类型然后就是拷打项目。总结: 一面偏八股和基础，面试官人很好，不压力，回答问题也有引导，就是 vue 主包不太熟所以感觉回答的一般