校招 未知部门 / 前端 / 一面

<h2>腾讯ieg游戏数据前端一面挂经</h2> <p>和码没关系的非科班艰难转码……其实自己能力离大厂还有很大差距，基础很差，八股准备得都不算充分，项目也是烂大街。算法只刷了一半hot而且最近还因为改简历有一段时间没刷，但还是抱着学习和必挂的心态做了尝试。</p><p>全程基本都是面试官在引导我和换问题（感觉正常下来说的话比我还多。。），但好多我还是不会，甚至都不知道在问什么。</p><p><strong>手撕题20min：</strong></p><p>1.二叉树的最大宽度</p><p>2.lc原题没做过，想到用层序遍历但很不熟，没做出来</p><p>版本号的排序，lc比较版本号稍微变了一下，这题其实做过，但时间不够也没做出来面试官让讲思路</p><p>其实到这里面试已经结束了，估计已经凉了后面面试官开始放飞自我了</p><p><strong>项目和八股拷打</strong></p><p>先介绍项目</p><p><strong>1.订单支付的流程是怎么实现的？</strong></p><p>答了调接口解析二维码展示，被追问支付是如何实现不同商品不同价格的，其实项目里面没这个功能。。。没答上来</p><p><strong>2.你的项目里前端是如何进行性能监控的（简历里面有写）？</strong></p><p>A：答的控制台load的时间和performanceObserver方法的指标打印出来</p><p><strong>3.这些指标没办法拿用户的电脑来看怎么办</strong>（这里不太理解面试官问的是什么），追问FCP包含哪些指标，如何获取，原理是什么？</p><p>只答了PerformanceAPI获取和chrome控制台获取，面试官好像不满意，原理似乎应该要答浏览器的渲染原理。</p><p><strong>4.优化首屏加载时间有没有总结是哪些东西影响比较大</strong></p><p>A：答了第三方库占用体积比较大，比如qrcode.js可以异步加载</p><p><strong>5.追问记不记得模块体积具体是多大，是压缩前还是压缩后，如何压缩？</strong>只记得是几百kb，如何压缩</p><p></p><p>———————————————————— 分割线：以下问题和项目无关了 ——————————————————</p><p></p><p>看我没答上来又问了：通常前端如何进行性能优化？</p><p>答了图片压缩，css雪碧图这些，然后被打断又问了刚刚第三方库压缩的问题，当时有点晕没反应过来。。可能要答的是打包体积优化的问题（后面有说你简历上有写）</p><p><strong>6.写完页面要发布到测试环境测试或者生产环境给用户去用，有没有了解这个流程怎么做？</strong></p><p>答了打包工具build打包，dist文件夹放进服务器目录后部署上线</p><p><strong>7.追问dist放进服务器具体怎么做（不了解），再问用什么打包工具，答的vite</strong></p><p><strong>8.vite写插件怎么写的有没有了解过？</strong></p><p><strong>9.网站部署到CDN怎么做，用NIGNX部署的话怎么压缩 ？</strong></p><p><strong>10.http1.0和2.0的区别 </strong></p><p>答到服务器推送的时候被追问</p><p><strong>11.如果服务器不支持推送数据的话有没有什么办法？</strong></p><p><strong>12.换个场景提示：AI助手输入框输入数据后返回一串数据流，有没有关注这个协议是什么版本，这个服务器推送是怎么做的？</strong></p><p><strong>13.前端页面的AI助手要总结当前页面信息，需要这个ai助手（比如元宝）抓取页面内容，有没有什么办法？</strong></p><p>乱答一通，面试官不满意</p><p><strong>14.如果这个过程是把我们通过js脚本拿到dom节点（body，html），发过去给元宝，中间会有什么问题？可能少了哪些东西？</strong></p><p><strong>15.刚才取到html文本，现在如果页面有echarts图表，怎么取到图标的数据？</strong></p><p>答的options配置项的数据，被追问有哪些数据，答了坐标轴，数据点和一些样式之类的</p><p><strong>16.一个线图想在上面做标记标注，有什么办法？ 面试官说是markpoint</strong></p><p><strong>17.如果这个标注很复杂，类似于王者荣耀排行榜，不同时间节点排名上面的头像都不一样，应该怎么做？</strong></p><p><strong>18.在开发中用的什么编辑器，有没有关注过提升效率的方法？</strong></p><p>答了vscode和cursor</p><p><strong>19.cursor里面能配置MCP服务，了解是怎么配置的吗？</strong></p><p>反问：学习过程中怎么抓住重点</p><p>面试官说Ai现在是核心，但是人和ai的区别在于ai交付的是代码，而人交付的是整个产品，所以工程细节很重要。面试官总结说本场面试的问题也围绕<strong>AI应用和工程细节</strong>两个方面展开。</p><p>全程将近50min</p><p>—————————————————————————分割线————————————————————————</p><p>看的出来面试官真的很注重技术细节，而且问的很多都是部署和前后端交互的问题以及ai相关的知识，而不是单纯前端的东西。</p><p>好迷茫啊，不确定要不要放弃大厂和算法，因为差距实在太大，也不知道要不要继续转码这条路了。八股和项目可能可以优化，但算法题不付出大量时间和精力训练是很难熟练有思路的，好想考研逃避。。。</p><a>#软件开发笔面经#</a>