2024年前端最全2024新前端面试题（中高级）(1)，开发web前端学习

文末

我一直觉得技术面试不是考试，考前背背题，发给你一张考卷，答完交卷等通知。

首先，技术面试是一个 认识自己 的过程，知道自己和外面世界的差距。

更重要的是，技术面试是一个双向了解的过程，要让对方发现你的闪光点，同时也要 试图去找到对方的闪光点，因为他以后可能就是你的同事或者领导，所以，面试官问你有什么问题的时候，不要说没有了，要去试图了解他的工作内容、了解这个团队的氛围。

前端面试题汇总

JavaScript

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

性能

linux

前端资料汇总

---

二、 前端设计模式

其实这里可以作为一篇文章来书写了，不过，假如你不了解，可以网上搜了一下前端设计模式，关于设计模式也是有不少文章的。

三、 前端安全性问题

当然，这个是老的话题，有的在初中级前端面试中也会提及到。但是在中高级面试的时候，你要说出前端安全性问题防御，及前端常见安全性问题的攻击原理是什么。

1、xss跨站脚本攻击（原理、如何进行的、防御手段是什么，要说清楚）

2、CSRF跨站请求伪造（如何伪造法？怎么防御？等等都要说清楚）

3、sql脚本注入（注入方式，防御方式）

4、上传漏洞 （防御方式）

四、 跨域问题的处理

关于跨域，我前面很多文章也提及了，浏览器跨域访问解决方案，这篇文章可以看一下。

另外，面试官可能会问及 cookie跨域及localStorage跨域问题，关于这一点，也可以看我之前刚刚写的文章：http://www.haorooms.com/post/kuayu_localstorage_cookie

五、前端数据加密

关于前端加密方式及前端加密，这个我在项目中实际用的也不多，微信小程序中可能会用到，

我很久很久之前也写过类似的文章，请看：javascript用户密码加密,js密码加密

七、 知识点问题介绍

上面问题可能是前端通用问题吧，下面的问题可能都是相关知识点的，下面简单总结一下：

1、 webpack相关

这个考察你对webpack的理解是使用程度。

例如可能考察如下知识点：

1、hash（contenthash, chunkhash）

2、多页面配置

3、发布上线流程

4、如何加快打包速度，减少打包体积

5、和其他工具的区别（grunt,glup,rollup,parcel,Browserify）

2、状态管理器相关

主要是flux、redux、vuex等

主要问题如下：

一、flux、redux、vuex数据流向，(例如：点击按钮触发到状态更改，数据是如何流向的？)

例如flux：

1、用户访问 View

2、View 发出用户的 Action

3、Dispatcher 收到 Action，要求 Store 进行相应的更新

4、Store 更新后，发出一个"change"事件

5、View 收到"change"事件后，更新页面

二、vuex和redux区别

总结

=============================================================

从转行到现在，差不多两年的时间，虽不能和大佬相比，但也是学了很多东西。我个人在学习的过程中，习惯简单做做笔记，方便自己复习的时候能够快速理解，现在将自己的笔记分享出来，和大家共同学习。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

个人将这段时间所学的知识，分为三个阶段：

第一阶段：HTML&CSS&JavaScript基础

第二阶段:移动端开发技术

第三阶段:前端常用框架

• 推荐学习方式：针对某个知识点，可以先简单过一下我的笔记，如果理解，那是最好，可以帮助快速解决问题；如果因为我的笔记太过简陋不理解，可以关注我以后我还会继续分享。

• 大厂的面试难在，针对一个基础知识点，比如JS的事件循环机制，不会上来就问概念，而是换个角度，从题目入手，看你是否真正掌握。所以对于概念的理解真的很重要。