2024-2024年web前端面试题合集，被面试官问的前端问题难倒了

3，二叉树相关

网络安全相关

1，XSS CSRF

webpack相关

1，打包体积 优化思路

2，Loader

3，plugins

2019面试题

---

HTTP、浏览器

1，浏览器存储的方式有哪些

2，对前后端跨域可以说一下吗？如何解决跨域的？

3，浏览器 cookie 和 session 的认识。

4，输入URL发生什么？

5，浏览器渲染的步骤

6，页面渲染优化

7，强制缓存和协商缓存

8，GET 和 POST 请求的区别

9，HTTP1.0 / 1.1 / 2.0 及HTTPS

10，介绍下304过程

11，HTTP 状态码

12，Web性能优化

CSS

1，盒模型

2，如何实现一个最大的正方形

3，一行水平居中，多行居左

4，水平垂直居中

5，两栏布局，左边固定，右边自适应，左右不重叠

6，如何实现左右等高布局

7，画三角形

8，link @import导入css

9，BFC理解

JS

1，判断 js 类型的方式

2，ES5 和 ES6 分别几种方式声明变量

3，闭包的概念？优缺点？

4，浅拷贝和深拷贝

5，数组去重的方法

6，DOM 事件有哪些阶段？谈谈对事件代理的理解

7，js 执行机制、事件循环

8，介绍下 promise.all

9，async 和 await,

10，ES6 的 class 和构造函数的区别

11，transform、translate、transition 分别是什么属性？CSS 中常用的实现动画方式,

12，介绍一下rAF(requestAnimationFrame)

13，javascript 的垃圾回收机制讲一下,

14，对前端性能优化有什么了解？一般都通过那几个方面去优化的？

Vue

1，Vue 双向绑定原理,

2，描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程？,

3，你是如何理解 Vue 的响应式系统的?,

4，虚拟 DOM 实现原理,

5，既然 Vue 通过数据劫持可以精准探测数据变化,为什么还需要虚拟 DOM 进行 diff 检测差异?,

6，Vue 中 key 值的作用？

7，Vue 的生命周期,

8，Vue 组件间通信有哪些方式?,

9，watch、methods 和 computed 的区别?

10，vue 中怎么重置 data?,

11，组件中写 name 选项有什么作用？

12，vue-router 有哪些钩子函数?

13，route 和 router 的区别是什么？

14，说一下 Vue 和 React 的认识，做一个简单的对比

（1）监听数据变化的实现原理不同

（2）数据流的不同

（3）模板渲染方式的不同

15，Vue 的 nextTick 的原理是什么？

（1）为什么需要 nextTick

（2）理解原理前的准备

（3）理解 nextTick

16，Vuex 有哪几种属性?

17，vue 首屏加载优化

18，Vue 3.0 有没有过了解？

19，vue-cli 替我们做了哪些工作？

2020面试题

---

HTML

1，html5有哪些新特性？

2，html5移除了那些元素？

3，如何处理HTML5新标签的浏览器兼容问题？

4，如何区分 HTML 和 HTML5？

CSS

1，CSS 选择符有哪些？

2，CSS哪些属性可以继承？

3，优先级算法如何计算？

4， CSS3新增伪类有那些？

5，CSS3有哪些新特性？

6，解释盒模型宽高值得计算方式，边界塌陷，负值作用，box-sizing概念？

7，BFC（Block Formatting Context） 是什么？应用？

8，如何实现浏览器内多个标签页之间的通信?

9，简要说一下CSS的元素分类

10，解释下浮动和它的工作原理，清除浮动的方法？

11，CSS隐藏元素的几种方法（至少说出三种）

12，如何让一个盒子水平垂直居中？

JS

1、cookie、localStorage、sessionStorage的区别和使用？

2、如何实现浏览器多标签页之间的通信？

3、JavaScript的typeof返回类型有哪些？

4、类型转换

5、数组的方法

6、ajax请求时get和post的区别？

7、ajax请求时，如何解释json数据？

8、call和apply的区别？

9、http常用状态码？

10、你有哪些性能优化的方法？

11、深拷贝和浅拷贝

Vue

1，什么是MVVM？

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

3，vue的优点是什么？

4，组件之间的传值？

5，路由之间跳转

6，vue.cli中怎样使用自定义的组件？有遇到过哪些问题吗？

7，vue如何实现按需加载配合webpack设置

8，vuex

（1）vuex是什么？怎么使用？哪种功能场景使用它？

（2）vuex有哪几种属性？

（3）不用Vuex会带来什么问题？

9， v-show和v-if指令的共同点和不同点

10， 如何让CSS只在当前组件中起作用

11，<keep-alive></keep-alive>的作用是什么?

12，Vue中引入组件的步骤?

13，指令v-el的作用是什么?,

14，在Vue中使用插件的步骤

15，请列举出3个Vue中常用的生命周期钩子函数

16，active-class是哪个组件的属性？

17，怎么定义vue-router的动态路由以及如何获取传过来的动态参数？

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

19，生命周期

（1）什么是vue生命周期

（2）vue生命周期的作用是什么

（3）vue生命周期总共有几个阶段

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

web浏览器中的javascript

• 客户端javascript
• 在html里嵌入javascript
• javascript程序的执行
• 兼容性和互用性
• 可访问性
• 安全性
• 客户端框架

window对象

• 计时器

• 浏览器定位和导航

• 浏览历史

• 浏览器和屏幕信息

• 对话框

• 错误处理

• 作为window对象属性的文档元素

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

img-wbdsni7K-1712910783647)]

web浏览器中的javascript

• 客户端javascript
• 在html里嵌入javascript
• javascript程序的执行
• 兼容性和互用性
• 可访问性
• 安全性
• 客户端框架

window对象

• 计时器

• 浏览器定位和导航

• 浏览历史

• 浏览器和屏幕信息

• 对话框

• 错误处理

• 作为window对象属性的文档元素

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
[外链图片转存中…(img-Ksyx234e-1712910783648)]