前端面试经历(字节滴滴虎牙),讲真的还挺难,前端大厂面试题总汇得看看

Posted 蛋黄酥要不要来一口阿

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端面试经历(字节滴滴虎牙),讲真的还挺难,前端大厂面试题总汇得看看相关的知识,希望对你有一定的参考价值。

小编整理最近了小伙伴中具有代表性的面试经历及面试题,他们的情况小编就不多说了,一起看看他们面试中都遇到了什么问题。

字节

一面

  • 刚开始就问我的项目,问的很详细。
  • 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)的小伙伴们直接点击这领取,祝大家顺风顺水顺财神!

结束语

无论做什么,不止前端,都应该要有自己的想法和思考,这样子才能把事情做好,做得更深。否则这就像一场梦,醒来还是很感动。希望各位读者,看上面的题目并不是背答案,而是理解它,并能活用,以后做类似的事情,有参考的思路。如果遇到和我同一个面试官,题目当然是不完全一样的,此时需要临场发挥自己的积累和灵活运用了。

最后再补充一点,如果你见过了普遍情况,了解到了普遍现象,那要是什么都和人家一样,最后不就是也成为普遍水平了吗?如果想脱离当前现状,实现突破,那么目标应该是成为有个性、有特色的、有区分度的人,成为一名不一样的前端,不一样的人。

以上是关于前端面试经历(字节滴滴虎牙),讲真的还挺难,前端大厂面试题总汇得看看的主要内容,如果未能解决你的问题,请参考以下文章

2021前端面试经历(字节滴滴虎牙),前端面试官常问的前端问题都在这!讲真的还挺难

关于字节腾讯滴滴前端面试经验分享,大厂直通车!

全网首发!涵盖字节美团腾讯等大厂前端最新面试题,HTMLCSSJS大合集

2021前端面试经常被问到的题(附答案)

网易游戏WEB前端开发面试经历

全网首发!涵盖字节美团腾讯等大厂前端最新面试题