江苏电信南通电信分公司研发岗位一面面经

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缓存机制

1.实现深拷贝时如何处理循环引用?2.Promise.all和 Promise.allSettled 的区别是什么?3.请解释浏览器事件循环中宏任务和微任务的执行顺序4.实现一个函数:每隔1秒输出数字1、2、3(需考虑闭包问题)5.如何用CSS实现宽度随内容自适应且最大不超过父容器80%的布局?6.解释浏览器从输入URL到页面渲染的完整过程7.前端微前端方案如何解决样式隔离问题?8.设计一个支持千万级日活的H5活动页面架构9.Node.is高并发场景下的性能优化策略10.如何实现前端灰度发布方案?

1.问了HTML语义化标签，还有滴滴官网头部导航、新闻列表该用哪些语义标签2.React useEffect依赖数组的作用，空数组和不写的区别，还要举依赖配置错的实际问题案例。3.JS闭包的定义，滴滴前端的实际应用场景，手写闭包案例，以及内存问题和解决方案。4.CSS Flex的主轴和交叉轴，怎么用Flex实现滴滴订单列表“信息左对齐、金额右对齐”，写关键CSS。5.Webpack Tree Shaking的定义和原理，滴滴React项目里怎么确保它生效。6.滴滴司机端H5加载100+高德地图Marker卡顿的优化，从API、DOM、性能监控三方面说。7.JS Promise的三种状态，all和race的区别;滴滴并行拿用户/车辆/订单信墒报为息该用哪个，一个接口失败怎么保证其他正常返回。8.React组件通信方式，滴滴“首页→订单确认页→支付页”里父子、兄弟、跨层级组件的通信方案。9.移动端H5适配方案，滴滴打车H5选rem的原因，rem原理，手写动态设html根元素font-size的JS。10.首屏加载时间的定义，滴滴App内嵌H5加载慢的原因，从网络、资源、甙级昨车染提优化方案。

1.实习介绍和业务介绍。2.如果让你做泡泡玛特商城的3D盲盒展示，你会怎么实现旋转和交互效果3.抽盒的动画效果你会怎么设计，CSS动画和Lottie你觉得哪个更合适4.商品详情页的图片预览功能，放大镜效果和多图切换你打算怎么做5.潮玩社区需要瀑布流布局，大量图片的懒加载你有什么优化方案6.限量款抢购场景，你会怎么防止超卖，前端如何做接口防刷7.用户的收藏夹功能，本地缓存和云端同步你会怎么设计8.如果要做AR试摆功能，让用户看盲盒在家里的摆放效果，你了解WebXR吗9.盲盒系列的多条件筛选器，筛选条件联动和URL状态同步你会怎么处理10.商品推荐算法返回的数据，个性化推荐列表的渲染你有什么优化思路11.泡泡玛特有小程序和H5，代码复用你会选择什么跨端方案