前端实习现状

前言面试官盯着简历看了几秒，说："你项目里用了 TypeScript？为什么用？别人用你就用？"我笑了笑，心里想："这都被你发现了，TS 这玩意是跟风就能用得转的吗？"一、痛点在哪？JavaScript 到底缺了啥？先上个例子： function fetchUser(id) { return fetch(`/api/user/${id}`) .then(res => res.json()) .then(data => { console.log(data.name.toUpperCase()); }); } 看起来正常吧？但如果后端突然改了字...

04-22暑期一面（1h）1. 自我介绍2. 原型链3. class怎么实现多继承？4. 接着就来了一道手撕，实现多继承：```jsclass A{}class B{}const n = extends(A,B)// n 既要继承A又要继承B```5. 说一下 js的事件循环下面的代码打印什么？```jsconsole.log(1);setTimeout(() => console.log(3), 0)function loop() {Promise.resolve().then(loop)}loop()console.log(2);```6. 说一下协商缓存呢7.断点续传是怎么做得？8.什么是浏览器同源策略？9.浏览器是怎么识别是不是同源呢？10.预检请求用到什么方法？11.你说一下有哪些预加载策略12.虚拟滚动用到了那些API13.webpack怎么分成多个chunk14.那你说说splitChunk怎么配置呢？15.你说一下dom的事件流动机制整体的一个过程（捕获和冒泡），详细说一下呢？16.父元素触发的事件，怎么防止传递给子元素呢？17.react 父组件更新怎么防止子组件不必要的更新18.useLayoutEffect 和 useEffect的区别19. requestAnimationFrame和 useLayoutEffect执行顺序呢？20. react将useEffect异步延迟执行用到了什么api?21. messageChannel是宏任务还是？22. 怎么实现元素居中显示追问：浮动怎么实现居中的？23. position有哪些值24. fixed相对于什么定位的25. 怎么开启合成层呢？26. 说说useMemo和useCallBack的区别27. 那你来用useMemo来实现一个useCallBack呢？28. 手撕```// 实现 这个函数，并发执行多个promise任务：function createRequestScheduler(concurrency = 2) {}const scheduler = createRequestScheduler(2);const task = (time, value) => () =>new Promise() <string >((resolve) => {setTimeout(() => resolve(value), time);});scheduler(task(1000, "A")).then(console.log);scheduler(task(500, "B")).then(console.log);scheduler(task(300, "C")).then(console.log);scheduler(task(400, "D")).then(console.log);```反问了一下业务栈、面试表现八股盛宴，被问麻了（已挂🥹）5-12 酷狗音乐（日常）一面（54min）1.自我介绍2.现在让你从0-1去做一个东西，你会考虑到哪些方面的问题3.有哪些技术栈可以考虑以及他们的优缺点4.这些大的框架有什么优缺点5.这些框架在AI加持的情况下，聊聊他们各有什么优缺点6.除了框架的选择，在代码设计的时候，你会考虑哪些问题7.你在项目开发前有没有提前去思考一些性能问题以及后续怎么做优化8.首屏加载优化手段9.小程序从用户打开到页面呈现经历了哪些事情，这些事情有办法优化嘛10.你了解光栅化和GPU渲染底层的一些原理嘛，做过类似的一些事情没🤡11.（url输入到页面呈现）最耗时的地方在哪里？12.http各个版本的差异区别13.http的缓存策略14.协商缓存会发起一个请求去检验是否过期，你知道这是一个什么请求么（options）15.关于项目质量问题你是怎么去思考以及保证的呢16.除了eslint可以保证质量外你觉得还有哪些方案17.除了这些以及ai工具外还有哪些手段可以保证代码质量18.你了解hooks的底层原理嘛19.hooks中有哪些性能优化手段？20.useEffect和useLayoutEffect的区别21.遇到的一个困难的点是什么，以及你怎么思考怎么解决的22.遇到一些重构，代码变动大的情况你怎么解决，怎么跟你mt沟通23.有考虑使用多段框架嘛24.平时是怎么关注和学习新的知识的25.最近学了哪些知识？26.你预期实习多久27.反问技术栈业务、后续流程二面(31min)1. 自我介绍2. 为什么选择前端3. 讲一个做过的项目4. 投屏演示项目5. 为啥要搞这个项目6. 为啥不做成app7. 上一段实习为什么离职8. 讲一下http状态码3049. 有用过抓包工具么10. 有了解前端安全问题嘛？（说了Xss和Csrf）11. 了解过react Native么？12. react和vue对比，一些细节实现差异等13. 用过nodejs么14. node的js引擎是哪个？是V8嘛？（我吧node的js引擎和驱动node事件循环的引擎搞混了🤡）15. ai用的多么，用什么大模型，哪个效果更好（面试官：gemini不是谷歌的嘛🤡——因为我一时间想不起gemini这个词，就说成是微软的了）16. 主要是vibCoding还是有用到一些工程化的东西17. 有了解过Spectacle和Harness么？18. 有用过Harness么，为啥没用过这些来辅助你提升效率？19. 你自己有开发过什么mcp嘛？20. 问另外一个项目21. 分片上传怎么去做到分片22. 后续在前端方向有什么规划么23. 除了tme还面了其他公司嘛？24. 反问公司前端后续的发展方向25. 问后续流程二面感觉答的不是很好，可能有点点寄了、

我是一个在读本科生，也是开源社区OpenAgent 团队的开发者。我们花了两个月，用Go语言做了一个真正的0配置，0依赖，双击就能使用的个人本地单文件版龙虾🦞。真正做到了开箱即用，也受到了很多社区中的关注。OpenAgent，一个面向个人开发者和极客的开源本地 AI Agent。定位跟 OpenClaw、Hermes 类似，都是个人本地助手这个赛道，但我们走了一条完全不同的路：用 Go 语言写成一个单文件二进制，下载 exe 双击就能跑，零配置开箱即用。项目地址：https://github.com/the-open-agent/openagent假如这个项目的功能或者架构帮助到你了，希望可...

xdm 早上喝奶茶差点喷出来。事情是这样的，我们班有个哥们儿，简称 L，去年秋招拿了字节sp，专业方向是后端。我们当时都震惊：这哥们儿平时课上从来不发言，期末小组作业基本是划水的那种，刷题平台 commit记录我点进去看过，绿格子稀稀拉拉。但他面试一路绿灯。一面二面三面 hr 面，全过，给的还是sp。当时班级群里恭喜他的、问他经验的、约饭的，热闹了一周。他说自己"运气好，准备充分"。我们都信了，直到三月初他入职。入职第二周开始，班里另一个进字节的同学W（在隔壁组的）开始跟我他的不对劲。一开始是写代码慢，后来写不出来，再后来是组里 mentor 让他fix 一个简单 bug 都搞了一下午没动静。最离谱的是上周。W 说他们大部门搞了个新人分享会，让新人讲一下自己负责模块的设计思路。L 上去讲了 20分钟，全程念稿子，问答环节别人随便问一个"那你这里为什么用 Redis 不用 Memcached"，他直接卡 30秒说"这个我回去再确认一下"。会后他 mentor 直接找 leader 谈，leader 找 hr 谈，hr调出了他面试录像，全程对比口型和回答节奏，发现他二三面有大量时长在偷偷看屏幕外（推测开了双机位 AI 答题）。（这段是 W后来转述给我的，他自己也是听他组里同事八卦来的）昨天下班前，W 告诉我L 被辞退了，让他自己走，不走就走仲裁但会发函到学校。L 现在已经回学校了，朋友圈仅三天可见。我说真的，我不是个心眼小的人，但是我看到这个消息的时候真的有种"嗯，挺好"的感觉。去年秋招我投字节后端，简历挂。我准备了八个月，背 八股 + 刷 500 题 +项目改了三版，连面试机会都没拿到。班里这哥们儿凭着一个外挂上岸，最后还是被甩出来了。不是说作弊就一定会被发现，但是当面试拿到的 offer远远超出真实能力的时候，迟早会有这一天。试用期三个月不是给你过家家的，是真的要写代码、要在会议上回答问题、要扛需求的。我现在反而有点同情他。同情他相信"上岸就是终点"。发出来不是为了嘲笑谁，就是想说给那些正在被身边作弊上岸的同学搞得很 emo 的 uu 们听——别急，回旋镖很长，但它一定会回来。你继续刷你的题，写你的项目，背你的八股。该是你的迟早是你的，不是你的早晚还得还回去。xdm 共勉。