关于前端:前端三段面试经历字节滴滴虎牙讲真的还挺难

小编整顿最近了小伙伴中具备代表性的面试经验及面试题，他们的状况小编就不多说了，一起看看他们面试中都遇到了什么问题。

字节

一面

• 刚开始就问我的我的项目，问的很具体。
• webpack 进步构建速度的形式
• loader 输出什么产出什么？
• webpack 原理
• webpack 动静加载的原理
• webpack 热更新
• 如何写一个 webpack plugin
• AST 的利用
• 如何解析一个 html 文本，还是考 AST
• babel 原理，怎么写 babel 插件
• 如何设计一个沙盒 sandbox？
• 小程序的 API 做了什么解决，可能做到全局变量的暗藏，如果是你，怎么设计？
• 实现色彩转换 ‘rgb(255, 255, 255)’ -> ‘#FFFFFF’ 的多种思路。

• 提供一个数字 n，生成一组 0~n-1 的整数，打乱程序组成数组，打乱几次，如何可能看起来均衡，说出你能想到的所有办法。

  二面

• 业务，业务，还是业务，我的项目复盘有没有更好的解决方案。
• 如何解决一个重大事故 bug
• 监控体系
• 虚构 dom 有什么好的中央？框架为什么要设计虚构 dom？
• webpack 的毛病，让你设计一个新的构建打包工具，你会怎么设计？
• 在线文档编辑，如何解决两人的抵触，如何展现，思考各种场景

• 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 新增伪类有那些？
• 请用 CSS 实现：一个矩形内容，有投影，有圆角，hover 状态缓缓变通明。
• 形容下 CSS3 里实现元素动画的办法
• html5\CSS3 有哪些新个性、移除了那些元素？如何解决 HTML5 新标签的浏览器兼容问题？
• 你怎么来实现页面设计图，你认为前端应该如何高质量实现工作? 一个满屏 品 字布局 如何设计?

四、Ajax

• Ajax 是什么? 如何创立一个 Ajax？
• 同步和异步的区别?
• 如何解决跨域问题?
• 页面编码和被申请的资源编码如果不统一如何解决？
• 简述 ajax 的过程。
• 论述一下异步加载。
• 请解释一下 JavaScript 的同源策略。
• GET 和 POST 的区别，何时应用 POST？
• ajax 是什么?ajax 的交互模型? 同步和异步的区别? 如何解决跨域问题?
• Ajax 的最大的特点是什么。
• ajax 的毛病
• ajax 申请的时候 get 和 post 形式的区别
• 解释 jsonp 的原理，以及为什么不是真正的 ajax
• 什么是 Ajax 和 JSON，它们的优缺点。

五、前端概括性问题

• 常应用的库有哪些？罕用的前端开发工具？开发过什么利用或组件？
• 对 BFC 标准的了解？
• WEB 利用从服务器被动推送 Data 到客户端有那些形式？
• 平时如何治理你的我的项目，如何设计突发大规模并发架构？
• 那些操作会造成内存透露？
• 谈谈你认为怎么做能使我的项目做的更好？
• php 中 rmdir 能够间接删除文件夹吗？该目录必须是空的，而且要有相应的权限 – 来自 api
• phpinset 和 empty 的区别，举例说明
• php 中 $_SERVER 变量中如何失去以后执行脚本路劲
• 写一个 php 函数，要求两个日期字符串的天数差，如 2012-02-05~2012-03-06 的日
• 如何优化网页加载速度？

因为篇幅起因列举的内容不多，须要完整版前端大厂面试汇总（1）的小伙伴们间接点击这支付，祝大家逆风逆水顺财神！

结束语

无论做什么，不止前端，都应该要有本人的想法和思考，这样子能力把事件做好，做得更深。否则这就像一场梦，醒来还是很打动。心愿各位读者，看下面的题目并不是背答案，而是了解它，并能活用，当前做相似的事件，有参考的思路。如果遇到和我同一个面试官，题目当然是不齐全一样的，此时须要临场发挥本人的积攒和灵活运用了。

最初再补充一点，如果你见过了广泛状况，理解到了普遍现象，那要是什么都和人家一样，最初不就是也成为广泛程度了吗？如果想脱离以后现状，实现冲破，那么指标应该是成为有共性、有特色的、有区分度的人，成为一名不一样的前端，不一样的人。