27拓扑日常实习面经

1.css定位有几种2.移动端怎么做适配3. rem怎么设置根节点的字号4.讲讲输入url到页面呈现，有哪些过程5.讲讲js的事件循环6. 缩短首屏渲染时间有哪些优化方案7.静态资源怎么优化?以图片为例8.为啥转前端9.怎么学习，哪些类型资料10.个人有哪些擅长的事情手撕:1.斐波那契数列2.字符串-转驼峰3.看事件循环代码输出顺序面试官人很好，指面相和善，沟通交流起来很有活人感，也很愿意鼓励校招生每次遇到这种面试官就很心动，希望能有机会成为她的小喽啰最后还告诉我，校招要等一批人都面完再走流程，不要过度担心，该实习实习，该学习学习爱了!!

自我介绍 实习项目基础从什么时候开始接触前端？为什么选择前端？实习为什么离开？介绍一下你觉得做得最好的项目和它的亮点是什么？如何发现性能问题的？简单描述一下从输入URL到页面渲染完成的过程。有了解过Canvas吗？（不咋了解）重绘和重排区别，哪个性能消耗更大？场景：如何判断用户是否看到广告卡片，以统计其曝光？（说了监听scroll和IntersectionObserve实现）SSE和 WebSocket 区别和优缺点？addEventListener方法有几个参数？事件的执行阶段是什么？（事件捕获和冒泡）事件对象中的 event.target 和 event.currentTarget 区别？代码输出题：事件循环Event Loop打印顺序，解释原因Promise在实现和运行中会产生闭包吗？（产生、结合源码说了说）JS封装一个网络请求？（XMLHttpRequest）除了XMLHttpRequest，还有什么其他方法可以发送网络请求？（Fetch API）如何主动取消一个已经发出的Fetch请求？了解自定义事件吗？（说可以自定义eventEmitter）CSS Flex布局问题：如何让父容器中的三个子元素，前两个居左，最后一个居右，中间留白？CSS或JS动画有做过吗？（这个不会）讲一下二分查找的原理React常见的性能优化点有哪些？（除了useMemo/useCallback）了解微前端吗？Chrome开发者工具里，如何查看页面帧率？查看内存占用？如何快速定位到有性能问题的代码？开放题：纯前端（无流量变量）实现A/B Test，让80%的用户访问A页面，20%访问B页面？实习期间的工作强度是怎样的？能否接受较强的工作强度？有过沟通冲突吗？如何解决？未来工作中发生冲突或对立，如何处理？平时通过哪些渠道学习前端知识？平时使用哪些AI编程工具？反问，问了培养、氛围、不同面侧重体验挺好的，有说有笑

一开始就感觉对我非常不感兴趣，后面半小时瘫在躺椅上问问题听我讲，第一次经历几乎全八股问，除了无聊就是无聊，tx虽然拷打但至少学到东西了面经：bfcem rem垂直居中布局如何清除浮动postion：fixedcss选择器优先级之类的盒模型和怪异盒模型js数据类型闭包优缺点和应用react的hooks性能优化前端工程化git项目问我做了啥手撕很简单，属于基础，到最后我都不知道我对了还是错了，基础还是太烂了哈哈除了计网一点没问以外，其他都像从八股网站上扣下来的，怀疑是不是还没扣到计网部分

时间线 8.18投递8.20约面8.22一面8.26二面9.4oc已拒，估计是鸽的人太多了，泡了一个半星期池子