小红书前端一二面OC

流程很快,一面完第二天约二面,二面完hr加微信,有转正机会,但不保证转正,感谢这次流程~

一面:40min

  • 自我介绍

(一)项目与技术实践

  • 如何理解当前主流的 Agent 开发?
  • 项目中使用 Web Worker 的主要作用是什么?该技术调研是你独立完成的吗?
  • AI 相关能力建设的难点是什么?项目中遇到的线上问题及解决方案?
  • 设计组件时如何考虑通用性和扩展性?
  • 如何评判网页性能是否合格?前端性能优化的核心方向有哪些?
  • 项目中虚拟滚动 / 懒加载具体是怎么实现的?
  • (二)框架

  • 对 Vue 和 React 框架的理解?
    • 对 Vue组件通信的理解?

    (三)工程化

  • Webpack 与 Vite 的核心区别是什么?
  • Tree-shaking 的执行原理是什么?
  • (四)其他

    • 自我定位与职业规划是怎样的?
  • 你的核心优势是什么?
  • (五)手撕:***********

    二面:1H

    二面学到了很多

    (一)框架

    这部分深入拷打

    • Vue2与Vue3的响应式原理差异?
    • 为什么Vue3还要进行重写?
    • Vue3的依赖收集
    • ref 和reactive之间的差异,追问底层
    • 为什么 ref 需要 .value,而 reactive 不需要?
    • 如何处理 reactive 复杂对象重新赋值?(业务场景,封装函数
    • Vue3 中 Proxy 的核心缺陷?(点在数据类型 (面试官通过这一点把以上整个思路给串起来了,学到了很多
    • Vue数据通信,兄弟组件通信的前提是?(公共父组件

    (二)CSS

    • 口述三栏布局如何实现(提到BFC
    • 追问BFC的场景,浮动,margin重叠

    (三)工程化

    • git场景实操,两个人代码在不同分支操作现在要在测试环境测试如何操作
    • 追问,冲突解决,Merge过程想要终止git命令是什么?rebase呢(相关参数不太记得 --abort
    • 口述当前面试的赛码网如何拆分组件?
    • 赛码网对于用户信息这种组件可能都能使用的数据如何处理?
    • 赛码网代码编辑器的不同tab栏思路,不同的tab都是一个组件吗?

    (四)手撕

    全部评论
    佬要来xhs了吗?
    点赞 回复 分享
    发布于 昨天 12:04 上海
    哪个部门呀
    点赞 回复 分享
    发布于 昨天 10:52 北京
    佬来试试淘天呗 看我帖子 offer 不嫌多
    点赞 回复 分享
    发布于 昨天 10:47 浙江
    什么时候投的呀
    点赞 回复 分享
    发布于 昨天 10:04 湖北

    相关推荐

    昨天 19:44
    已编辑
    门头沟学院 前端工程师
    面试官先进行了自我介绍以及业务介绍,还有实习生去了会做的工作自我介绍1. 对话平台的 SSE 流式响应输出,是用组件做的还是自己实现的2. fetch 跟 XMLHttpRequest 有什么区别,使用场景3. vue-virtual-scroll 虚拟滚动的原理是什么,怎样实现的4. 如何避免滚动时组件的重复渲染,如何减少父组件更新、子组件更新5. Vue2 和 Vue3 哪一个兼容性更好6. 在 Vue 中如何进行错误捕获、异常捕获7. Vue3 和 Vue2 目前哪一个用得更多8. Pinia 如何减少组件重复渲染9. Pinia 和 Vuex 的区别与使用场景10. Pinia 如何实现时间旅行(撤销重做)11. Webpack 5 模块联邦是什么12. Webpack 5 有哪些新特性13. React 19 有哪些新特性14. taro多端跨端是怎样实现的15. TypeScript 中 any 和 unknown 的区别与使用场景16. WebAssembly 的实现原理17. B 站使用 WebAssembly 主要做什么18. 最新的 ECMAScript 提案有哪些19. HTML 页面加载渲染流程是什么20. AI Coding 工程化可以怎么做21. AI 养龙虾是什么22. AI 养龙虾有什么缺点最后反问了一下对于前端学习的一些建议,面试官说我目前掌握的就挺好的,按照我本来的学习路线,继续学习就可以很多问题,答的都是磕磕绊绊的最后面试官说答得还挺好的,希望他不要给我挂掉
    查看24道真题和解析
    点赞 评论 收藏
    分享
    03-17 20:39
    已编辑
    门头沟学院 Web前端
    1. 主要写前端还是后端(前端)2. 简单说一下盒模型有什么参数(只说出weight/height/padding/margin后耻辱下播,后面追问box-sizing内写什么说了个flex/grid,简直耻辱完了)3. 对于一个多列,用什么渲染方式比较好(grid/hidden table)4. Tailwind与传统css最大区别(className代替复写样式)5. tailwind缺点(说了个apply复用样式,可读性ai好但是对人而言要复制重复维护,退化标准css)6. 自己项目部分7. Vue2/Vue3之间最大的差异(definProperty/Proxy包装器)√8. 解释一下浏览器缓存工作方式(CacheControl/ETag,会请求服务端是否有修改,如果没有修改会返回204空缓存(但实际是304))9. 详细说明浏览器缓存控制头有什么(只答出了CacheControl/ETag/Vary/Hash比较,没有详细说明强缓存和协商缓存详细区分)10. 跨域,CORS,同源策略(同源:协议/域名/端口三元组,策略:不同源默认opaque不允许js读取,要检查ACAO,默认不携带Cookie,要ACAC)√11. CSRF,诱导提及√12. Cookie/JWT √(但是被误导,认为JWT传输的是密文,实际上是明文传输(b64)但是有签名。不能被篡改特性是提及了,经过面试官提醒才发现传的是明文)13. EventLoop机制(宏任务/微任务/rAF刷新)√14. 判断题:console.log(1)setTimeout(() => {console.log(2)}, 0)Promise.resolve().then(() => {console.log(3)})console.log(4)顺序1432 但是4和3纠结了一段时间,虽然结果是正确的13. html中async/defer标签的含义(完蛋了只说了async是异步的,还把dom加载完成后才加载defer套到async上了)14. Vite为什么**开发环境**这么快(ESBuild,动态加载浏览器需要的内容,不事先编译)√15. Shaking的机制和一票否决情况(摇掉死叶子,去除那些导入但不用的组件。只说了CJS因为动态导入无法静态分析、可以在import的时候判断是否有导入和使用,经过面试官重述才明白还有Global副作用的影响)16. 手撕题:展平一个有多层嵌套的数组本来想用reduce的,卡了10分钟,结果耻辱用递归和...arr展开完成了唯一解法17. base地(优先杭州,北京也可)、实习时长、多久到岗18. 反问(这里结束的很急,没有主动问要不要反问什么,看起来面试官不想过多说,经提醒才说可以,不过这个时间已经拖到45min了):18.1 进去之后干什么(回答很模糊,说很多业务已经迁移到中后端,研发中心主要在北京和深圳) 18.2 反问面试过程中有什么不足(说很扎实,但是又没说什么不好的地方,很客套) 18.3 问暑期实习相关问题,明确说不保证。总体来讲,感觉很有可能是mt面,八股居多,项目很少。尽管大部分八股算是能答出来,但是只能算及格线水平。尤其是反问环节结束的非常仓促,感觉面过的可能性不大。字节一面明显八股偏多,而且最后的岗位问题听起来是没有hc名额了,进的概率不大。当天晚上补充:寄了
    查看19道真题和解析
    点赞 评论 收藏
    分享
    评论
    9
    32
    分享

    创作者周榜

    更多
    牛客网
    牛客网在线编程
    牛客网题解
    牛客企业服务