零基础自学前端人的求职路，面经&资源分享(1)，覆盖所有面试知识点的软件

• 伪类和伪元素区别？使用场景？

3、Http && 浏览器

• 浏览器缓存？http缓存？ 主要要讲一讲强缓存、协商缓存、preload、prefetch、Service Worker等，304的含义？协商缓存e-tag是怎么生成的？Last-Modified是基于什么生成的？两者对比一下？优先级哪个高？

• 什么是跨域？什么情况下会跨域？浏览器根据什么字段判断是否允许跨域？跨域的解决方案有哪些？options请求了解过吗？说说CORS中的简单请求和复杂请求？form表单提交会跨域吗？

• 讲一讲浏览器事件循环Event Loop？node 事件循环描述一下？

• http2有哪些新特性？http2还有哪些缺陷？http3的一些了解？

• 从输入 URL 到页面加载完成的过程，一般要很详细的描述：包括DNS查询，缓存查询，3次握手，4次挥手，浏览器渲染进程等，面试官会从里面再挑几个问题深入问，比如为什么是3次握手4次挥手？渲染进程中的GUI渲染线程、JS引擎线程、事件触发线程等等？可能会问到进程线程的区别？浏览器为什么是多进程？js为什么是单线程？怎么支持多线程？等等

• https加密原理？主要是讲对称加密和非对此加密结合使用的一个过程。什么是中间人攻击？和http区别？

4、Vue

• 生命周期？那个生命周期可以获取到真实DOM？修改data里面的数据，会触发什么生命周期？

• 组件data为什么是一个函数？

• vue 组件通信？一般说了vuex，就会问vuex用法？action和mutations区别？实现原理等？

• vue 导航守卫，分全局和组件的，一般用于权限控制，这个就可能扯到项目中的一些鉴权问题。

• $nextTick 作用？实现原理？微任务向宏任务的降级处理，经常被问到说出几种宏任务，微任务。

• vue响应式原理？基本都会问

• vue scoped属性作用？实现原理？

• vue router有几种模式？实现方式？

• key的作用？没有key的情况，vue会怎么做？会引出diff的问题

• vue diff过程，和react diff区别？

• vue 2.x defineProperty缺陷？业务代码里面怎么处理？$set原理？vue是怎么重写数组方法的？考察你是不是真的看过源码

• vue 3.0 proxy优缺点？怎么处理vue3不支持IE？

• computed 和 watch 的区别和运用的场景？除了基本的，看你能不能说出三种watcher的区别

5、React

• 生命周期详细描述一下？官方为什么改变？

• 说说你对虚拟DOM的理解？直接全量更新和diff哪个快（这个问题要分情况）？

• 什么是HOC？React里面用过哪些？可能让你实现一个add(1)(2)(3)的函数

• Fiber干了什么事情？requestIdleCallback了解多少？

• react性能优化？

• hooks出现的意义？类组件和函数组件之间的区别是什么？

• 为什么不要在循环、条件语句或者嵌套函数中调用hooks？记住官网的一句话，Not Magic, just Arrays

• setState 同步还是异步？比较常问，问的可能也比较深入

• 如何避免组件的重新渲染？memo/useMemo、PureComponent？useMemo和useCallback区别？

6、其他

• 常用的一些模块，fs/path/http等等

• EventEmitter 概念，使用场景，错误捕获

• Stream 概念？使用场景？常见的Stream？

webpack基本也是必问，得系统学习一下

• webpack 构建流程？打包原理？

• 项目中做的一些优化？

• loader和plugin的区别？有没有写过？常用哪些loader和plugin

• webpack热跟新原理？

• tree-shaking？对于 CommonJS，tree shaking怎么办？

• webpack loader的执行顺序？从左到右？从上到下？

其他

• 项目做过的一些性能优化，基本必问

• 长列表渲染怎么优化？

• 各种懒加载的实现原理？路由？图片？

• Typescript 中的 interface 和 type 到底有什么区别

• 等等，很多低频率的想不起了

其他的一些东西，主要还是看你简历上写了什么，或者你的回答有什么面试官感兴趣的词。尽量突出自己的优势，发挥好就行，结果对自己的检验，不是对自己的否定，加油💪🏻

我把我面试遇到过的面试题以及刷到过的面试题做了一个整理，分了HTML、css、JavaScript、React、Vue、浏览器、服务端与网络、算法等等，共229页PDF。

完整版面试题资料免费分享，只需你点赞支持，动动手指点击此处就可免费领取了。

最后

---

不管你是否想要转行做前端，想做什么就全力以赴去做，不断学习，分享你的成长。
即使大多数人不看好你的决定，你也要坚持，用结果证明给他们看。

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

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

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

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

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

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

这里分享一份由字节前端面试官整理的「2021大厂前端面试手册」，内容囊括Html、CSS、Javascript、Vue、HTTP、浏览器面试题、数据结构与算法。全部整理在下方文档中，共计111道

HTML

• HTML5有哪些新特性？

• Doctype作⽤? 严格模式与混杂模式如何区分？它们有何意义?

• 如何实现浏览器内多个标签页之间的通信？

• ⾏内元素有哪些？块级元素有哪些？ 空(void)元素有那些？⾏内元 素和块级元素有什么区别？

• 简述⼀下src与href的区别？

• cookies,sessionStorage,localStorage 的区别？

• HTML5 的离线储存的使用和原理？

• 怎样处理 移动端 1px 被 渲染成 2px 问题？

• iframe 的优缺点？

• Canvas 和 SVG 图形的区别是什么？

JavaScript

• 问：0.1 + 0.2 === 0.3 嘛？为什么？

• JS 数据类型

• 写代码：实现函数能够深度克隆基本类型

• 事件流

• 事件是如何实现的？

• new 一个函数发生了什么

• 什么是作用域？

• JS 隐式转换，显示转换

• 了解 this 嘛，bind，call，apply 具体指什么

• 手写 bind、apply、call

• setTimeout(fn, 0)多久才执行，Event Loop

• 手写题：Promise 原理

• 说一下原型链和原型链的继承吧

• 数组能够调用的函数有那些？

• PWA使用过吗？serviceWorker的使用原理是啥？

• ES6 之前使用 prototype 实现继承

• 箭头函数和普通函数有啥区别？箭头函数能当构造函数吗？

• 事件循环机制 （Event Loop）

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

t Loop）

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