前端面试指南！2021年百度、字节跳动等大厂面试真题集合！

本是古典何须时尚 2022-10-10 12:46 254阅读 0赞

> 这份面试题文档的主要内容包括九个相关模块：HTML相关，CSS相关，JavaScript相关，jQuery相关，浏览器相关，HTTP相关，Vue相关，React相关，小程序相关。

**HTML \\ CSS 相关**

*  网络中使用最多的图片格式有哪些
 *  请简述css盒子模型
 *  视频/音频标签的使用
 *  HTML5新增的内容有哪些
 *  HTML5 新增的语义化标签有哪些
 *  CSS3新增的特性
 *  清除浮动的方式有哪些？请说出各自的优点
 *  定位的属性值有何区别
 *  子元素如何在父元素中居中
 *  Border-box与content-box的区别
 *  元素垂直居中
 *  如何让chrome浏览器显示小于12px的文字
 *  CSS选择器有哪些，那些属性可以继承，优先级如何计算？CSS3新增的伪类有哪些
 *  网页中有大量图片加载很慢 你有什么办法进行优化？
 *  行内元素/块级元素有哪些？
 *  浏览器的标准模式和怪异模式区别？
 *  Margin和padding在什么场合下使用
 *  弹性盒子布局属性有那些请简述?
 *  怎么实现标签的禁用
 *  Flex布局原理
 *  px，rem，em的区别
 *  网页的三层结构有哪些
 *  请简述媒体查询
 *  三栏布局方式两边固定中间自适应
 *  Doctype作用
 *  **…**  
    ![77b7653d5c55dd9c641fbb4005022b68.png][]

**JavaScript 相关**

*  Js基本数据类型有哪些
 *  Ajax如何使用
 *  如何判断一个数据是NaN
 *  闭包是什么？有什么特性？对页面会有什么影响
 *  Js中常见的内存泄漏：
 *  事件委托是什么？如何确定事件源
 *  什么是事件冒泡？
 *  本地存储与cookie的区别
 *  ES6新特性
 *  Let与var与const的区别
 *  数组方法有哪些请简述
 *  请掌握2种以上数组去重的方式
 *  什么是面向对象请简述
 *  普通函数和构造函数的区别
 *  请简述原型 / 原型链 /（原型）继承
 *  Promise的理解
 *  请简述async的用法
 *  一个页面从输入 URL 到页面加载显示完成，这个过程中都发生了什么？
 *  Js中.call()与.apply()区别
 *  为什么会造成跨域/请简述同源策略
 *  This指向
 *  什么是jsonp工作原理是什么？他为什么不是真正的ajax
 *  请写出一个简单的类与继承
 *  同步与异步的区别/阻塞与非阻塞区别
 *  为什么js是弱类型语言
 *  箭头函数与普通函数的区别
 *  For循环与map循环有什么区别
 *  原型和继承，prototype，call和apply继承的区别
 *  深浅拷贝是什么如何实现？
 *  什么时候用深拷贝 /浅拷贝
 *  **…**  
    ![7bd6520c419a64f489b59993da806792.png][]

**jQuery 相关**

*  什么是jQuery？
 *  为什么要使用jQuery？jquery有哪些好处？
 *  Jquery选择器有哪些
 *  Jquery插入节点的方法
 *  jQuery对象和DOM对象是怎样转换的
 *  jQuery中.get()提交和.post()提交的区别
 *  怎么使用jQuery中的动画
 *  jQuery中如何来获取和设置属性
 *  如何来设置和获取HTML和文本的值？
 *  jQuery中有哪些方法可以遍历节点？
 *  **…**  
    ![f10e6b8c90fc314ae75ae114d51eb4fe.png][]

**浏览器，HTTP 相关**

*  http是什么？有什么特点
 *  HTTP协议和HTTPS区别
 *  请简述ajax的执行过程 以及常见的HTTP状态码
 *  Get和post不同
 *  请输出三种减少页面加载时间的方式
 *  重绘和回流是什么
 *  **…**  
    ![dcbe379507b7c113833c4b38c6e6aa28.png][]

**Vue 相关**

*  Vue的核心是什么
 *  请简述你对vue的理解
 *  请简述vue的单向数据流
 *  Vue常用的修饰符有哪些
 *  v-text与\{ \{\}\}与v-html区别
 *  v-on可以绑定多个方法吗
 *  Vue循环的key作用
 *  什么是计算属性
 *  Vue单页面的优缺点
 *  Vuex是什么？怎么使用？在那种场景下使用
 *  Vue中路由跳转方式（声明式/编程式）
 *  路由中name属性有什么作用？
 *  vue跨域的解决方式
 *  Vue的生命周期请简述
 *  Vue生命周期的作用
 *  DOM渲染在那个生命周期阶段内完成
 *  Vue路由的实现
 *  Vue路由模式hash和history，简单讲一下
 *  Vue路由传参的两种方式，params和query方式与区别
 *  Vue数据绑定的几种方式
 *  Vue注册一个全局组件
 *  Vue的路由钩子函数/路由守卫有哪些
 *  Vue中如何进行动态路由设置？有哪些方式？怎么获取传递过来的数据？
 *  Elementui中的常用组件有哪些？请简述你经常使用的 并且他们的属性有哪些？
 *  Vue中指令有哪些
 *  Vue如何定义一个过滤器
 *  对vue 中keep-alive的理解
 *  如何让组件中的css在当前组件生效
 *  Vue生命周期一共几个阶段
 *  Mvvm与mvc的区别
 *  Vue组件中的data为什么是函数
 *  Vue双向绑定的原理
 *  Vue中组件怎么传值
 *  Bootstrap的原理
 *  **…**  
    ![9e1f632b883083baaa5ab9687535dffb.png][]

**React 相关**

*  fetch VS ajax VS axios
 *  React事件处理—修改this指向
 *  请简述你对react的理解
 *  react组件之间的数据传递
 *  Vue与react区别
 *  请简述虚拟dom与diff算法
 *  调用 setState 之后发生了什么？
 *  react 生命周期函数
 *  为什么虚拟 dom 会提高性能?
 *  State与props区别
 *  shouldComponentUpdate 是做什么的
 *  react diff 原理
 *  何为受控组件
 *  **…**  
    ![23097cced91ba4f40636cb64e225a75e.png][]

**小程序相关的**

*  小程序的优势
 *  小程序的页面构成
 *  小程序的生命周期
 *  小程序如何请求数据
 *  如何提高小程序的首屏加载时间
 *  **…**  
    ![720b122e00cce90b310677f2be08affc.png][]

#### 最后 ####

**附：前端面试题 常用算法**

*  时间复杂度
 *  位运算
 *  左移 <<
 *  算数右移 >>
 *  按位操作
 *  排序
 *  **…**  
    ![39050c9c9df0b1bbf2b8a6bc969a6eb5.png][]  
    **前端学习笔记、大厂面试题等PDF均可分享，[点这里进入免费领取][Link 1]**

[77b7653d5c55dd9c641fbb4005022b68.png]: /images/20221005/c54f2e321ccd4f7eb1dd9acf90b8fee0.png
[7bd6520c419a64f489b59993da806792.png]: /images/20221005/7bd06a99103749fb8be41ddb2e64e377.png
[f10e6b8c90fc314ae75ae114d51eb4fe.png]: /images/20221005/c1ecfcdb5a21434faf4cb4b1ed02ea8a.png
[dcbe379507b7c113833c4b38c6e6aa28.png]: /images/20221005/82fe61c3f4074ca2a6673a5f942b4242.png
[9e1f632b883083baaa5ab9687535dffb.png]: /images/20221005/99821725f0964b2da9e465cf36f18235.png
[23097cced91ba4f40636cb64e225a75e.png]: /images/20221005/e2309dd1a9fd44168d41ad5501f7e668.png
[720b122e00cce90b310677f2be08affc.png]: /images/20221005/7ce6a17f589f440b85a4d3b4e557e57c.png
[39050c9c9df0b1bbf2b8a6bc969a6eb5.png]: /images/20221005/64d3f90ba3ad47be80c83b48c3e0f685.png
[Link 1]: https://jq.qq.com/?_wv=1027&k=hZKA3jOJ