长文预警，凭借前端面试题精选大全 ，成功混圈阿里字节腾讯

如果你即将大学毕业，走向 IT 职场，又或者即将跳槽寻找新工作，那一定要读下去，这篇文章能顺利帮助大家早日找到工作，限于篇幅问题，本文附有 229 页面试题及答案，请在文末处点击聆取；如果你是职场老油条了，可以在评论区给大家留下一些建议，特别感谢。

HTML、CSS 相关

1.网络中使用最多的图片格式有哪些

2.请简述 css 盒子模型

3.视频/音频标签的使用

4.HTML5 新增的内容有哪些

5.HTML5 新增的语义化标签有哪些

6. CSS3 新增的特性

7.清除浮动的方式有哪些？请说出各自的优点

8.定位的属性值有何区别

9.子元素如何在父元素中居中

10.Border-box 与 content-box 的区别

11.元素垂直居中

12.如何让 chrome 浏览器显示小于 12px 的文字

13.CSS 选择器有哪些，那些属性可以继承，优先级如何计算？CSS3 新增的伪类有哪些

14.网页中有大量图片加载很慢 你有什么办法进行优化？

15. 行内元素/块级元素有哪些？

16.浏览器的标准模式和怪异模式区别？

17.Margin 和 padding 在什么场合下使用

18.弹性盒子布局属性有那些请简述?

19.怎么实现标签的禁用

20.Flex 布局原理

21. px，rem，em 的区别

22.网页的三层结构有哪些

23.请简述媒体查询

24.三栏布局方式两边固定中间自适应

25.Doctype 作用

...

有需要的朋友可以戳此传送门即可获取完整版的 PDF 哦

Javascript 相关

1.Js 基本数据类型有哪些

2.Ajax 如何使用

3.如何判断一个数据是 NaN

4.闭包是什么？有什么特性？对页面会有什么影响

5.Js 中常见的内存泄漏：

6. 事件委托是什么？如何确定事件源（Event.target 谁调用谁就是事件源）

7.什么是事件冒泡？

8.本地存储与 cookie 的区别

9.ES6 新特性

10.Let 与 var 与 const 的区别

11.数组方法有哪些请简述

12.请掌握 2 种以上数组去重的方式

13.什么是面向对象请简述

14.普通函数和构造函数的区别

15. 请简述原型 / 原型链 /（原型）继承

16.Promise 的理解

17.请简述 async 的用法

18.一个页面从输入 URL 到页面加载显示完成，这个过程中都发生了什么？

19. Js中.call()与.apply()区别

20.为什么会造成跨域/请简述同源策略

21. This 指向

22.什么是 jsonp 工作原理是什么？他为什么不是真正的 ajax

...

jQuery 相关

1.什么是 jQuery？

2.为什么要使用 jQuery？jquery 有哪些好处？

3.Jquery 选择器有哪些

4.Jquery 插入节点的方法

5. jQuery 对象和 DOM 对象是怎样转换的

6. jQuery 中.get()提交和.post()提交的区别

7.怎么使用 jQuery 中的动画

8.jQuery 中如何来获取和设置属性

9.如何来设置和获取 HTML 和文本的值？

10.jQuery 中有哪些方法可以遍历节点？

11.$(this) 和 this 关键字在 jQuery 中有何不同？

12. jQuery 里的 each() 是什么函数？你是如何使用它的？

13.Query 中的 Delegate()函数有什么作用？

浏览器，HTTP 相关

1.http 是什么？有什么特点

2.HTTP 协议和 HTTPS 区别

3.请简述 ajax 的执行过程 以及常见的 HTTP 状态码

4.Get 和 post 不同

5. 请输出三种减少页面加载时间的方式

6. 重绘和回流是什么

7.你如何对网站的文件和资源进行优化？

Vue 相关

1.Vue 的核心是什么

2.请简述你对 vue 的理解

3.请简述 vue 的单向数据流

4.Vue 常用的修饰符有哪些

5.v-text 与{{}}与 v-html 区别

6. v-on 可以绑定多个方法吗

7.Vue 循环的 key 作用

8.什么是计算属性

9.Vue 单页面的优缺点

10.Vuex 是什么？怎么使用？在那种场景下使用

11.Vue 中路由跳转方式（声明式/编程式）

12.路由中 name 属性有什么作用？

13.vue 跨域的解决方式

14.Vue 的生命周期请简述

15.Vue 生命周期的作用

16.DOM 渲染在那个生命周期阶段内完成

17.Vue 路由的实现

18.Vue 路由模式 hash 和 history，简单讲一下

19. Vue 路由传参的两种方式，params 和 query 方式与区别

20.Vue 数据绑定的几种方式

21. Vue 注册一个全局组件

22.Vue 的路由钩子函数/路由守卫有哪些

...

React 相关

1.fetch VS ajax VS axios

2.React 事件处理---修改 this 指向

3.请简述你对 react 的理解

4.react 组件之间的数据传递

5.Vue 与 react 区别

6.请简述虚拟 dom 与 diff 算法

7.调用 setState 之后发生了什么？

8.react 生命周期函数

9.为什么虚拟 dom 会提高性能?(必考)

10.State 与 props 区别

11.shouldComponentUpdate 是做什么的

12.react diff 原理

13.何为受控组件

14.调用 super(props) 的目的是什么

15.React 中构建组件的方式

小程序相关

1.小程序的优势

2.小程序的页面构成（4 个文件）

3. 小程序的生命周期

4.小程序如何请求数据

5.如何提高小程序的首屏加载时间

6.请简述虚拟 dom 与 diff 算法

7.wxss 与 css 的区别请简述

8.怎么优化小程序

9.小程序如何显示用户头像与用户名

10.请谈谈小程序的双向绑定和 vue 的异同？

有需要的朋友可以戳此传送门即可获取完整版的 PDF 哦

结尾

这不止是一份面试清单，更是一种“被期望的责任”，因为有无数个待面试者，希望从这篇文章中，找出通往期望公司的“钥匙”，所以上面的每道选题都是结合我自身的经验，于千万个面试题中经过艰辛的两周，一个题一个题筛选出来再校对好答案和格式做出来的，面试的答案也是再三斟酌，生怕误人子弟是小，影响他人的“仕途”才是大过，所以如有纰漏，还请读者朋友们在评论区指正。