泡泡玛特 Web前端开发二面 50min

自我介绍 问我四段实习的离职原因1-js数据类型，栈跟堆分别指什么？为什么引用数据类型是堆？2-ts泛型，3-es6箭头函数应用场景4-闭包5-tsconfig.json配置严格模式6-里面的target是什么？include和exclude呢7-css移动端rem8-font-size设计逻辑9-知道其他移动端响应式吗？vw，em10-讲一下vw吧，基于什么11-vue3最大变更是什么？响应式12-react函数和类开发-区别是什么13-如何自定义hooks14-useEffect依赖项依据什么？15-usestate中react怎么实现同步?函数试更新反问：1-业务-yy直播pc端和h5端2-对比dy，你们是如何竞争的？只和低端的竞争如虎牙这些，抖音比不过总结来说：刚刚用百度如流web端面试，居然没有发消息功能，我电脑摄像头坏了，声音不行（公司的），想发个消息说坏了没有。后面hr沟通换腾讯会议就OK了，如流能不能好好优化一下体验。#百度

全程22分钟，面试官很随和，上来聊了会儿offer情况和工作地点，八股里TLS加密过程弄混了没答上来，无手撕1、用户在浏览器里面输入一个url地址到渲染完成经历哪些过程？2、DNS域名解析过程？3、HTTPS为什么比HTTP要安全一些？4、TLS加密过程？5、前端有哪些手段可以让界面打开的速度更快？6、前端开发过程中需要防范哪些网络攻击？7、平常开发技术栈是哪些？8、写一个select下拉单选的一个组件，使用原生js实现样式控制，不能用html里select、option标签9、印象最深刻的项目？10、反问然后结束

1.实现CSS垂直水平居中的5种方案2.解释JavaScript闭包及其应用场景3.手写防抖函数debounce4.浏览器事件循环机制中宏任务与微任务执行顺序5.Vue3响应式原理实现流程6.如何实现首屏加载时间从5s优化到1s以内?7.Webpack分包策略如何配置?8.实现深拷贝时如何处理循环引用?9.React Hooks的useEffect与useLayoutEffect别10.前端如何实现精准的埋点数据采集?11.设计可撤销/重做的前端操作方案12.设计高并发场景下的前端缓存策略13.实现权限路由系统的技术方案14.从输入URL到页面展示的完整过程15.手写Promise.all并处理异常情况16.前端监控系统设计要点17.微前端方案落地难点及解决方案18.如何设计跨平台组件库架构?19.LeetCode 146.LRU缓存机制

全程2小时，拷打很深，自己准备不是很充分，面试体验还是不错的，给了很多对我简历和学习路线的建议，很受用-项目经历1、问了项目经历，一些指标和性能监控2、项目里websocket和轮询怎么使用的？3、项目里的性能优化怎么做的，lazy load和具体渲染时间等指标？-八股1、浏览器渲染流程？2、重排跟重绘的区别，哪个性能比较好？3、浏览器缓存？4、前端有哪些本地存储方式？5、跨域问题怎么解决的？6、CSS的模块化？怎么保证样式不冲突？7、组件间通信方式？8、Vue2和Vue3的区别？9、虚拟DOM对性能的影响？-手撕1、看一段赋值的代码输出2、hot100大数相加