前端面试经历（字节、滴滴、虎牙），讲真的还挺难，前端大厂面试题总汇得看看

excel 文档冲突高级处理，文章冲突呢？是上个问题的深化。

三面

算法题：从数组 [1, 5, 8, 10, 12] 中找到两个数和为 9，返回 [1, 8] 这样的结果。

算法题：从数组 [1, 5, 8, 10, 12] 中找到三个数和为 19，返回 [1, 8， 10] 这样的结果。

算法题：给定一个无序的整数数组，找到其中最长上升子序列的长度。

滴滴

一面

webpack 原理

babel 原理

虚拟 DOM 的理解

项目里如何做的性能优化

写过webpack loader 或者插件吗

讲讲你写的 babel 插件

二面

redux 的原理

redux 做状态管理和发布订阅模式有什么区别

react-redux 的原理，是怎么跟 react 关联起来的

了解多端的原理吗？

http 与 tcp 的关系

tcp 可以建立多个连接吗？

介绍一下为什么要有 三次握手，四次挥手

写过 babel 插件吗？用来干啥的？怎么写的 babel 插件

知道怎么转化成 AST 的吗？

研究过 React 的运行时吗？

职业规划。

三面

项目介绍

说一下你的项目有哪些复杂的点，以及怎么解决的

你们的业务组件库有多少个，是什么样的组件

权限组件是怎么设计的

会node 吗？

介绍一下你对中间件的理解

怎么保证后端服务稳定性，怎么做容灾

怎么让数据库查询更快

数据库是用的什么？

为什么用 mysql

希望滴滴能提供给你什么？

四面

介绍一下项目的难点以及怎么解决的

自己有什么技术上的优势

最近在研究什么技术？

职业规划

移动端的业务有做过吗？

当业务重的时候怎么安排时间？

虎牙

一面

http 的 get 和 post 区别

缓存策略

https 的握手过程

http2 的特点

weak-Set、weak-Map 和 Set、Map 区别

mvvm 模型和 mvc 模型区别

如何实现一个 mvvm 模型

为何你用 mobx 重构了 saga，说说两者之间的区别

说说 vnode 的了解

讲讲 webpack 的性能优化

有写过 plugin

了解 webpack-dev-server 的 HMR 实现原理吗

手写一下防抖和节流

二面

你做过直播，能介绍一下 webRTC 或者现在使用直播方案吗

编码方面有了解过吗，能解释一下码率吗

编码方面有了解过吗，能解释一下码率吗

RGB 和 YUV 区别

有了解过哪些直播协议

flv 和 mp4 区别有了解过吗

MediaSource 规范有了解过

三面

webSocket 和 ajax 的区别

xss、csrf 有了解过吗，如何防范

有了解过 React 的 fiber

能简单介绍一下 react 执行过程吗

能介绍一下 hook 吗

情景题，做一个直播弹幕

小编最近整理了一次大厂面试题，包括：HTML和CSS、HTML5和CSS3、JS基础、Ajax、流行框架、十、Node.Js、前端概括性问题等。想看完整版的前端大厂面试题汇总（1）的小伙伴直接点击这领取啦

一、HTML和CSS

你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?

每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？

Quirks模式是什么？它和Standards模式有什么区别

div+css的布局较table布局有什么优点？

img的alt与title有何异同？ strong与em的异同？

你能描述一下渐进增强和优雅降级之间的不同吗?

为什么利用多个域名来存储网站资源会更有效？

请谈一下你对网页标准和标准制定机构重要性的理解。

请描述一下cookies，sessionStorage和localStorage的区别？

简述一下src与href的区别。

知道的网页制作会用到的图片格式有哪些？

知道什么是微格式吗？谈谈理解。在前端构建中应该考虑微格式吗？

在css/js代码上线之后开发人员经常会优化性能，从用户刷新网页开始，一次js请求一般情况下有

一个页面上有大量的图片（大型电商网站），加载很慢，你有哪些方法优化这些图片的加载，给用户更好的

你如何理解HTML结构的语义化？

谈谈以前端角度出发做好SEO需要考虑什么？

有哪项方式可以对一个DOM设置它的CSS样式？

CSS都有哪些选择器？

CSS中可以通过哪些属性定义，使得一个DOM元素不显示在浏览器可视范围内？

超链接访问过后hover样式就不出现的问题是什么？如何解决？

什么是Css Hack？ie6,7,8的hack分别是什么？

请用Css写一个简单的幻灯片效果页面

行内元素和块级元素的具体区别是什么？行内元素的padding和margin可设置吗？

什么是外边距重叠？重叠的结果是什么？

二、JS基础

javascript的typeof返回哪些数据类型

例举3种强制类型转换和2种隐式类型转换?

split() join() 的区别

数组方法pop() push() unshift() shift()

事件绑定和普通事件有什么区别

IE和DOM事件流的区别

call和apply的区别

b继承a的方法

JavaScript this指针、闭包、作用域

如何阻止事件冒泡和默认事件

””和“=”的不同

JavaScript的数据类型都有什么？

看下列代码输出为何？解释原因。

foo = foo||bar ，这行代码是什么意思？为什么要这样写？

完成foo()函数的内容，要求能够弹出对话框提示当前选中的是第几个单选框。

完成函数showImg()，要求能够动态根据下拉列表的选项变化，更新图片的显示

阻止冒泡函数

输出多少？

精度问题: JS 精度不能精确到 0.1 所以 。。。。同时存在于值和差值中

输出结果

以下代码中end字符串什么时候输出

请用原生js实现jquery的get\post功能，以及跨域情况下

请简要描述web前端性能需要考虑哪方面，你的优化思路是什么？

三、HTML5 CSS3

CSS3有那些新特性

html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HT

本地存储（Local Storage ）和cookies（储存在用户本地终端上的数据）之间的区别

如何实现浏览器内多个标签页之间的通信?

你如何对网站的文件和资源进行优化？

什么是响应式设计？

新的 HTML5 文档类型和字符集是？

HTML5 Canvas 元素有什么用？

HTML5 存储类型有什么区别？

用H5+CSS3解决下导航栏最后一项掉下来的问题

CSS3新增伪类有那些？
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（资料价值较高，非无偿）

最后

整理面试题，不是让大家去只刷面试题，而是熟悉目前实际面试中常见的考察方式和知识点，做到心中有数，也可以用来自查及完善知识体系。

《前端基础面试题》，《前端校招面试题精编解析大全》，《前端面试题宝典》，《前端面试题：常用算法》PDF完整版点击这里即可获取！！！！

理面试题，不是让大家去只刷面试题，而是熟悉目前实际面试中常见的考察方式和知识点，做到心中有数，也可以用来自查及完善知识体系。

《前端基础面试题》，《前端校招面试题精编解析大全》，《前端面试题宝典》，《前端面试题：常用算法》PDF完整版点击这里即可获取！！！！

[外链图片转存中…(img-GRUvdk63-1711686418116)]

[外链图片转存中…(img-pxG3VJ7B-1711686418116)]

[外链图片转存中…(img-6LUrNNOV-1711686418117)]