2024前端社招面试题总结，让人茅塞顿开

http 状态码

---

204 无内容，服务器成功处理但未返回内容

205 重置内容，提醒用户刷新

301 页面永久重定向

302页面临时重定向

303 查看其他地址，使用 get post

304该资源未更新

400客户端请求语法错误

404找不到服务器

500服务器内部错误

前端缓存

---

分为强制缓存和协商缓存，浏览器读取缓存过程为内存-硬盘-服务器缓存

1.强制缓存：Cache-control和expries

Expries 是对比客户端和服务器时间差异，比较缓存是否过期，值为一个时间绝对值

Cache-control相对时间，如300S

2.协商缓存

强制缓存失效后，浏览器携带缓存标识请求服务器，由服务器缓存标识决定是否使用缓存

Last-modified/If-modified-since上次请求返回的最后被修改时间,检查服务器资源是否被更新

Etag/If-node-since返回校验码，etag 保证每个资源都是唯一的

react 生命周期

---

vue keep-alive

---

vue event-bus

---

Nuxt 是如何运行、渲染的

---

react、vue 如何选型

---

React 适用于大型工程、多人协作工作，和 ts 配合更好

node、vue、webpack 是什么关系

---

Vue 本身不依赖webpack，但 vue-cli 里边的webpack环境 依赖 node 开发出来的，webpack 是依赖 node 的

移动端跨平台使用 react native

javascript 常见设计模式

---

单例模式

工厂模式

发布订阅模式

node+express

---

script 标签属性

---

Diff 异步加载

页面防抖、节流

---

1.Lodash debounce throttle 限制函数在一定时间内的调用次数

2.想要页面在第一次加载时请求，之后使用节流，点击按钮的时候获取当前时间戳，距离当前时间戳 XX 秒后调用节流函数

防抖函数：

节流函数：

前端性能优化

---

1.Css 文件、js 文件 与html 文件的顺序，将 css 写入行内样式，script 文件放在上边，能保证其与 html 一起渲染，提高渲染速度

2.页面图片资源限制大小、使用 cdn

3.按钮、接口做防止二次点击处理

4.分页加载

事件冒泡

---

从元素到父元素一直到 window 称为冒泡

从 window 一直到子元素称为捕获

阻止冒泡：1.return false 2.e.sstopPropagation()

ts

---

算法：

---

找出两个左边相交面积的左上角与右下角左边

合并两个有序数组，用on1

限制函数并发

Vue父子组件生命周期执行顺序

---

渲染过程：

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

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

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

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

结尾

学习html5、css、javascript这些基础知识，学习的渠道很多，就不多说了，例如，一些其他的优秀博客。但是本人觉得看书也很必要，可以节省很多时间，常见的javascript的书，例如：javascript的高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。

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

其他的优秀博客。但是本人觉得看书也很必要，可以节省很多时间，常见的javascript的书，例如：javascript的高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。

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