最新字节跳动总包50W的前端岗，压中原题了！（附答案），年薪50W

最后

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
就答题情况而言，第一问100%都可以回答正确，第二问大概只有50%正确率，第三问能回答正确的就不多了，第四问再正确就非常非常少了。其实此题并没有太多刁钻匪夷所思的用法，都是一些可能会遇到的场景，而大多数人但凡有1年到2年的工作经验都应该完全正确才对。
只能说有一些人太急躁太轻视了，希望大家通过此文了解js一些特性。

并祝愿大家在新的一年找工作面试中胆大心细，发挥出最好的水平，找到一份理想的工作。

防抖——触发高频事件后 n 秒后函数只会执行一次，如果 n 秒内高频事件再次被触发，则重新计算时间；

题3：介绍下Set、Map、WeakSet 和 WeakMap 的区别？

Set，对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用 。

WeakSet，成员都是对象；成员都是弱引用，可以被垃圾回收机制回收，可以用来保存 DOM 节点，不容易造成内存泄漏；

Map，本质上是键值对的集合，类似集合；可以遍历，方法很多，可以跟各 种数据格式转换。

WeakMap，只接受对象最为键名（null 除外），不接受其他类型的值作为键名；键名是弱引用，键值可以是任意的，键名所指向的对象可以被垃圾回收， 此时键名是无效的；不能遍历，方法有 get、set、has、delete。

题4：Promise 构造函数是同步执行还是异步执行，那么 then 方法呢？

执行结果是：1243，promise 构造函数是同步执行的，then 方法是异步执行的。

题5：React 中 setState 什么时候是同步的，什么时候是异步的？

由 React 控制的事件处理程序，以及生命周期函数调用 setState 不会同步更 新 state 。

React 控制之外的事件中调用 setState 是同步更新的。比如原生 js 绑定的事 件，setTimeout/setInterval 等。

…

篇幅有限，展示至此！看到问题就有思路的朋友，可以投简历试试，趁现在某条仍在热招，抓住机会抢个 Offer！

在朋友面试之前，给他整了一份《2021前端字节跳动真题解析》，下面给大家分享一下：

最新字节前端真题＋高频111道（含答案）

HTML

• HTML5有哪些新特性？

• Doctype作⽤? 严格模式与混杂模式如何区分？它们有何意义?

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

• ⾏内元素有哪些？块级元素有哪些？ 空(void)元素有那些？⾏内元 素和块级元素有什么区别？

• 简述⼀下src与href的区别？

• cookies,sessionStorage,localStorage 的区别？

• HTML5 的离线储存的使用和原理？

• 怎样处理 移动端 1px 被 渲染成 2px 问题？

• iframe 的优缺点？

• Canvas 和 SVG 图形的区别是什么？

• …

JavaScript

• 问：0.1 + 0.2 === 0.3 嘛？为什么？

• JS 数据类型

• 写代码：实现函数能够深度克隆基本类型

• 事件流

• 事件是如何实现的？

• new 一个函数发生了什么

• 什么是作用域？

• JS 隐式转换，显示转换

• 了解 this 嘛，bind，call，apply 具体指什么

• 手写 bind、apply、call

• setTimeout(fn, 0)多久才执行，Event Loop

• 手写题：Promise 原理

• 说一下原型链和原型链的继承吧

• 数组能够调用的函数有那些？

• PWA使用过吗？serviceWorker的使用原理是啥？

• ES6 之前使用 prototype 实现继承

• 箭头函数和普通函数有啥区别？箭头函数能当构造函数吗？

• 事件循环机制 （Event Loop）

• …

Vue框架

• active-class是哪个组件的属性？嵌套路由怎么定义

• 怎么定义vue-router的动态路由？怎么获取传过来的动态参数？

• vue-router有哪几种导航钩子？

• scss是什么？在vue.cli中的安装使用步骤是？有哪几大特性？

• mint-ui是什么？怎么使用？说出至少三个组件使用方法？

• v-model是什么？怎么使用？ vue中标签怎么绑定事件？

• axios是什么？怎么使用？描述使用它实现登录功能的流程？

• 什么是RESTful API？怎么使用?

• vuex是什么？怎么使用？哪种功能场景使用它？

• mvvm框架是什么？它和其它框架（jquery）的区别是什么？哪些场景适合

• 自定义指令（v-check、v-focus）的方法有哪些？它有哪些钩子函数？还有哪些钩子函数参数？

• 说出至少4种vue当中的指令和它的用法？

• Vue的双向数据绑定原理是什么？

• 请详细说下你对vue生命周期的理解？

• 请说下封装 vue 组件的过程？

• 你是怎么认识vuex的？

• vuejs与angularjs的区别？

• …

最后

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
就答题情况而言，第一问100%都可以回答正确，第二问大概只有50%正确率，第三问能回答正确的就不多了，第四问再正确就非常非常少了。其实此题并没有太多刁钻匪夷所思的用法，都是一些可能会遇到的场景，而大多数人但凡有1年到2年的工作经验都应该完全正确才对。
只能说有一些人太急躁太轻视了，希望大家通过此文了解js一些特性。

并祝愿大家在新的一年找工作面试中胆大心细，发挥出最好的水平，找到一份理想的工作。