返回

成长在前端面试战场：我的2021面试小结（70题）

前端

2021年，我经历了多场前端面试，积累了丰富的经验。在本文中，我将分享70个前端面试题，涵盖了前端开发的各个方面，包括HTML、CSS、JavaScript、框架、工具和设计。希望这些面试题能够帮助您更好地理解前端技术，并为自己的面试做好准备。

HTML

  1. HTML5中新增的元素有哪些？
  2. HTML5中新增的属性有哪些？
  3. HTML5中新增的事件有哪些？
  4. HTML5中如何使用Canvas元素？
  5. HTML5中如何使用Video元素？
  6. HTML5中如何使用Audio元素？
  7. HTML5中如何使用Web Storage？
  8. HTML5中如何使用Web Workers？
  9. HTML5中如何使用Service Workers？
  10. HTML5中如何使用WebSockets？

CSS

  1. CSS3中新增的属性有哪些？
  2. CSS3中新增的伪类有哪些？
  3. CSS3中新增的伪元素有哪些？
  4. CSS3中如何使用Flexbox布局？
  5. CSS3中如何使用网格布局？
  6. CSS3中如何使用媒体查询？
  7. CSS3中如何使用动画？
  8. CSS3中如何使用过渡？
  9. CSS3中如何使用变换？
  10. CSS3中如何使用过滤器？

JavaScript

  1. JavaScript中常用的数据类型有哪些？
  2. JavaScript中常用的运算符有哪些？
  3. JavaScript中常用的控制语句有哪些？
  4. JavaScript中常用的函数有哪些？
  5. JavaScript中常用的对象有哪些？
  6. JavaScript中常用的数组有哪些？
  7. JavaScript中常用的正则表达式有哪些？
  8. JavaScript中常用的BOM对象有哪些？
  9. JavaScript中常用的DOM对象有哪些？
  10. JavaScript中常用的事件有哪些？

框架

  1. React的基本原理是什么？
  2. React的组件生命周期是什么？
  3. React的虚拟DOM是什么？
  4. React的Hooks是什么？
  5. Vue的基本原理是什么？
  6. Vue的组件生命周期是什么？
  7. Vue的虚拟DOM是什么？
  8. Vue的模板编译是什么？
  9. Angular的基本原理是什么？
  10. Angular的组件生命周期是什么？

工具

  1. Node.js是什么？
  2. NPM是什么？
  3. Yarn是什么？
  4. Grunt是什么？
  5. Gulp是什么？
  6. Webpack是什么？
  7. Rollup是什么？
  8. Babel是什么？
  9. ESLint是什么？
  10. Prettier是什么？

设计

  1. 前端设计的基本原则是什么？
  2. 前端设计的常用工具有哪些？
  3. 前端设计的常用技巧有哪些？
  4. 前端设计的常用模式有哪些？
  5. 前端设计的常用组件有哪些？
  6. 前端设计的常用库有哪些？
  7. 前端设计的常用框架有哪些？
  8. 前端设计的常用语言有哪些？
  9. 前端设计的常用算法有哪些？
  10. 前端设计的常用数据结构有哪些？