2024年Web前端最新前端秋招面试（1）字节（提前批）一面 + 二面 ，美团三面多久出结果

最后

推荐一些系统学习的途径和方法。

每个Web开发人员必备，很权威很齐全的Web开发文档。作为学习辞典使用，可以查询到每个概念、方法、属性的详细解释，注意使用英文关键字搜索。里面的一些 HTML，CSS，HTTP 技术教程也相当不错。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

HTML 和 CSS：

11. 代码题：实现一个事件委托。大概意思就是1000个li下的div事件click委托到ul上，同时ul可以实现自己的click事件（我当场写的时候没写出来 只写了大概）

12. 还有什么问题要问的（我就问了今天面试还有那些地方需要提升，面试官就说了还要看看基础知识，推荐看JavaScript红皮书 还有一个小黄书<你不知道的JavaScript> ）

其实有的问题还问了一些场景题有些记不住了。核心就是：追问追问！越来越深入这样

二面  约1h

=======

1. 面试官看到我做了饿了么外面app项目还以为我在饿了么实习过，其实没有，就问咋不找实习？（我很想说我啥也不会）接触前端多久？平时怎末学习的？

2. 代码题： 写页面布局和样式：全屏蒙层，中间有一个窗口是居中布局，背景灰色半透明，窗口会随着内容大小适应变化，最后实现弹层从下向上的过渡动画。

之后接着问了居中布局方式？绝对定位VS相对定位？flex布局？transition动画使用？蒙层的实现？

3. 代码题：给div下动态添加1000个

•   我对多个DOM查询进行了缓存，一次插入。然后又问了DOM操作？

• 参考之前总结：https://blog.csdn.net/Sabrina_cc/article/details/105515530

  4. 算法代码题：爬楼梯（我一看就是力扣题，直接动态规划，空间复杂度O（n），面试官又让优化）

  大家可以看力扣#70 或我的JS Java代码 https://blog.csdn.net/Sabrina_cc/article/details/106501462

  5. 算法代码题：链表有无环（我一看还是力扣题，直接哈希，空间复杂度O（n），面试官又让优化，快慢指针搞定）

  大家可以看力扣#141 或我的我的JS Java代码   https://blog.csdn.net/Sabrina_cc/article/details/106439795

  6. vue-router路由方式 区别？如何实现？

  7. vue框架的优点？vue生命周期？MVVM原理？双向绑定原理？vue中具体如何实现双线绑定？如何修改data？nextTick作用？

  8. 反问环节。我还是问了有啥要提升的，面试官还表示要多看基础，多深入都不为过，特别是JavaScript和CSS

  好像还有些细节的场景问题记不得了，等我总结的时候再完善。

  整体感觉字节面试官都非常随和，会对于每个不会的问题进行引导，代码提也会引导你进行优化，当然问题也是越问越深，就看你能回答到哪里。面试的时候面试官似乎也会记录一下。

  三面 40m

  ======

  1. 反正是HTTP相关知识（上来就被问了一个不会的）

  2. 场景设计题：一个页面有很多标签，鼠标放在标签上会显示一个气泡效果，气泡上会有文字，如何实现？需要怎样设置监听事件（listener）如何实现箭头？直到哪些事件监听的方法？

  3.项目中遇到的难点？单页面应用？平时遇到问题如何解决的？

  4. 场景题： tab（有三个页面切换）如何实现？页面之间的联动？

  5. 代码题：一个较大数组按照顺序排列，找到与num相同的位置，返回位置数组。（其实是一个折半查找的变形题，太可惜了我没表述清楚，没写完整）

  

  6. 学习前端有多久了？平时通过什么方式自学？看那些博客？毕业之后有什莫规划？。。。（有点类似hr面了）

  7. 有什莫要问的？技术栈（react比较多，vue也会用到）接下来怎末提升自我？（面试官还是推荐不使用框架，而是掌握好原生js的各种使用，重视基础，推荐不使用框架和辅助工具做淘宝页面）

  总结：感觉三面还是比较考察整体的设计思想和能力，不怎么问技术问题了，但是场景设计题会比较多。而且有的问题也很像HR面了，可以提前准备一些常见问题的说法，不要像我一样语无伦次。

  专业技能

  一般来说，面试官会根据你的简历内容去提问，但是技术基础还有需要自己去准备分类，形成自己的知识体系的。简单列一下我自己遇到的一些题

  • HTML+CSS
  • JavaScript
  • 前端框架
  • 前端性能优化
  • 前端监控
  • 模块化+项目构建
  • 代码管理
  • 信息安全
  • 网络协议
  • 浏览器
  • 算法与数据结构
  • 团队管理
  • 开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

  最近得空把之前遇到的面试题做了一个整理，包括我本人自己去面试遇到的，还有其他人员去面试遇到的，还有网上刷到的，我都统一的整理了一下，希望对大家有用。

  其中包含HTML、CSS、JavaScript、服务端与网络、Vue、浏览器等等

  由于文章篇幅有限，仅展示部分内容