随着互联网的快速发展，前端开发领域成为了IT行业中的热门领域之一。很多求职者都希望能够进入这个领域，但是面对着如此激烈的竞争，很多人都感到无从下手。为了帮助大家更好地掌握前端开发的相关知识，小编整理了一份前端面试题合集，供大家参考。

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

篇幅限制小编只展示了部分内容，完整版见文末

HTML \ CSS 相关

• 网络中使用最多的图片格式有哪些
• 请简述css盒子模型
• 视频/音频标签的使用
• HTML5新增的内容有哪些
• HTML5 新增的语义化标签有哪些
• CSS3新增的特性

image.png

JavaScript 相关

• 如何判断一个数据是NaN
• 闭包是什么？有什么特性？对页面会有什么影响
• Js中常见的内存泄漏：
• 事件委托是什么？如何确定事件源
• 什么是事件冒泡？
• 本地存储与cookie的区别
• ES6新特性
• Let与var与const的区别
• 数组方法有哪些请简述
• 请掌握2种以上数组去重的方式
• 什么是面向对象请简述
• 普通函数和构造函数的区别

image.png

jQuery 相关

• 什么是jQuery？
• 为什么要使用jQuery？jquery有哪些好处？
• Jquery选择器有哪些
• Jquery插入节点的方法
• jQuery对象和DOM对象是怎样转换的
• jQuery中.get()提交和.post()提交的区别
• 怎么使用jQuery中的动画

image.png

浏览器，HTTP 相关

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

image.png

Vue 相关

• Vue的核心是什么
• 请简述你对vue的理解
• 请简述vue的单向数据流
• Vue常用的修饰符有哪些
• v-text与{{}}与v-html区别
• v-on可以绑定多个方法吗
• Vue循环的key作用
• 什么是计算属性
• Vue单页面的优缺点
• Vuex是什么？怎么使用？在那种场景下使用
• Vue中路由跳转方式（声明式/编程式）
• 路由中name属性有什么作用？
• vue跨域的解决方式
• Vue的生命周期请简述
• Vue生命周期的作用

image.png

React 相关

• fetch VS ajax VS axios
• React事件处理—修改this指向
• 请简述你对react的理解
• react组件之间的数据传递
• Vue与react区别
• 请简述虚拟dom与diff算法
• 调用 setState 之后发生了什么？
• react 生命周期函数
• 为什么虚拟 dom 会提高性能?

image.png

小程序相关的

• 小程序的优势
• 小程序的页面构成
• 小程序的生命周期
• 小程序如何请求数据
• 如何提高小程序的首屏加载时间
• …

image.png

附：前端面试题 常用算法

• 时间复杂度
• 位运算
• 左移 <<
• 算数右移 >>
• 按位操作
• 排序
• …

image.png

> 篇幅限制，内容展示到这儿就结束了，有需要的小伙伴可以私信小编【111】获取

希望这份面试题合集能够帮助到每一个热爱前端开发的求职者，也希望每一个求职者都能够找到自己心仪的工作。