身为一个技术岗，并且在前端这行就业了6年+，我可以很负责的告诉你们，没去过大厂那程序员算白干了，所以这里整理了一份阿里、美团、滴滴、头条、字节等大厂面试大全。
涵盖的知识点有：JavaScript、Vue、React、Node.js、Webpack、Typescript、性能优化、项目场景、小程序、HTML、CSS、ES6、前端安全等技术栈共有 1000+道面试题。
对于金九银十还没有offer的朋友来说应该是最全面最完整的面试备战仓库，为了更好地整理每个模块，我也参考了很多网上的优质博文和项目，力求不漏掉每一个知识点，很多朋友靠着这些内容进行复习，拿到了 BATJ 等大厂的 offer， 也已经帮助了很多的 Web 学习者，希望也能帮助到你。
面试题整理十分全面，文末还有答案解析！（文章比较长，耐心看完，让你面试提升一大截！）
中大厂问的最多的场景题
120.Eslint代码检查的过程是啥？
121.HTTIP是一个无状态的协议，那么Web应用要怎么保持用户的登录态呢？
122.如何检测网页空闲状态（一定时间内无操作）【百度二面】
123.为什么Vite速度比 Webpack 快?
124.列表分页，快速翻页下的竟态问题【百度二面】
125.JS执行100万个任务，如何保证浏览器不卡顿？
126.git仓库迁移应该怎么操作
127.如何禁止别人调试自己的前端页面代码？【字节二面】
128.web系统里面，如何对图片进行优化？【必会】
129.0Auth2.0是什么登录方式
130.单点登录是如何实现的？
131.常见的登录鉴权方式有哪些?
132.需要在跨域请求中携带另外一个域名下的Cookie该如何操作？
133.vite和webpack 在热更新上有啥区别?
134.封装一个请求超时，发起重试的代码
135.前端如何设置请求超时时间timeout【必会】
136.nodejs如何充分利用多核CPU?【字节二面】
137.后端一次性返回树形结构数据，数据量非常大，前端该如何处理？
138.你认为组件封装的一些基本准则是什么？
139.页面加载速度提升(性能优化)应该从哪些反向来思考？
140.前端日志埋点SDK设计思路
141.token进行身份验证了解多少？【腾讯一面】
142.在前端应用如何进行权限设计？【字节二面】
143.【低代码】代码平台一般消染是如何设计的？
144.【低代码】代码平台一般底层协议是怎么设计的
145.【[Webpack】有哪些优化项目的手段？
146.IndexedDB存储空间大小是如何约束的?
147.浏览器的存储有哪些【腾讯一面】
148.【Webpack】如何打包运行时chunk，且在项自工程中如何去加载这个运行时chunk？
149.为何现在市面上做表格泊染可视化技术的，大多数都是canvas，而很少用svg的?
150.在你的项目中，使用过哪些webpack plugin,说一下他们的作用
151.在你的项目中，使用过哪些webpackloader,说一下他们的作用
152.【React】如何避免不必要的染？【美团一面】
153.全局样式命名冲突和样式盖问题怎么解决？
154.【React】如何实现专场动画？
155.【React】从React层面上，能做的性能优化有哪些?
156.【VUE】中为何不要把v-f和v-for同时用在同一个元素上，原理是什么？
157.将静态资源缓存在本地的方式有哪些？
158.SPA首屏加载速度慢的怎么解决
159.axios是如何区分是nodejs环境还是浏览器环境的?
160.如何拦截web应用的请求
161.前端有哪些跨页面通信方式？
162.H5下拉刷新如何实现？
163.如何修改第三方npm包？
性能优化面试题
- script标签放在header里和放在body底部里有什么区别？
2.前端性能优化指标有哪些？怎么进行性能检测？
3.SPA（单页应用）首屏加载速度慢怎么解决？
4.如果使用CSS提高页面性能？
5.怎么进行站点内的图片性能优化？- 虚拟DOM一定更快吗?
7.有些框架不用虚拟dom，但是他们的性能也不错是为什么？
8，如果某个页面有几百个函数需要执行，可以怎么优化页面的性能？
9.讲一下png8、png16、png32的区别，并简单讲讲png的压缩原理
10.页面加载的过程中，JS文件是不是一定会阻塞DOM和CSSOM的...
11.React.memo(和useMemo(O)的用法是什么，有哪些区别?
12，导致页面加载白屏时间长的原因有哪些，怎么进行优化？
13.如果一个列表有100000个数据，这个该怎么进行展示？
14.DNS预解析是什么？怎么实现？
15.在React 中可以做哪些性能优化?
16.浏览器为什么要请求并发数限制？
17.如何确定页面的可用性时间，什么是PerformanceAPI?
18.谈谈对window.requestAnimationFrame的理解
19.css加载会造成阻塞吗？
20.什么是内存泄漏？什么原因会导致呢？
React面试题
1.下面代码中，点击"+3”按钮后，age的值是什么?
2.React Portals有什么用？
3.react 和react-dom是什么关系?
4.React 中为什么不直接使用requestIdleCallback?
5.为什么react需要fiber架构，而Vue却不需要?
6.子组件是一个Portal，发生点击事件能冒泡到父组件吗？
- React 为什么要废弃componentWillMount、componentWillReceivePr...
8.说说React render方法的原理？在什么时候会被触发？
9.说说React事件和原生事件的执行顺序
10.说说对受控组件和非受控组件的理解，以及应用场景？
11.你在React项目中是如何使用Redux的？项目结构是如何划分的？
12.说说对Redux中间件的理解？常用的中间件有哪些？实现原理？
13.说说你对Redux的理解？其工作原理？
14.说说你对immutable的理解？如何应用在react项目中？
15.说说React Jsx转换成真实DOM过程?
16.说说你在React项目是如何捕获错误的？
17.说说React服务端渲染怎么做？原理是什么？
18.ReactFiber是如何实现更新过程可控？
19.Fiber为什么是React性能的一个飞跃?
20.setState是同步，还是异步的？
Vue面试题
1.Vue有了数据响应式，为何还要diff？
2.vue3为什么不需要时间分片?
3.vue3为什么要引I入Composition API？
4.谈谈Vue 事件机制，并手写off、once
5.computed计算值为什么还可以依赖另外—个computed计算值？
6.说一下vm.$set 原理
7.怎么在Vue中定义全局方法?
8.Vue中父组件怎么监听到子组件的生命周期？
9.vue组件里写的原生addEventListeners监听事件，要手动去销毁吗？..
10.说说vue3中的响应式设计原理
11.Vue中，created和mounted两个钩子之间调用时间差值受什么影响?
12.vue中，推荐在哪个生命周期发起请求？
13.为什么react 需要fiber架构，而Vue却不需要？
14.SPA（单页应用）首屏加载速度慢怎么解决？
15.说下Vite的原理
16.Vue2.0为什么不能检查数组的变化，该怎么解决？
17.说说Vue页面渲染流程
18.vue中computed和watch区别
19.vuex中的辅助函数怎么使用?
20.如果使用Vue3.0实现一个Modal，你会怎么进行设计?
Typescript面试题
1.说说对TypeScript中命名空间与模块的理解？区别？
2.说说你对 typescript 的理解？与javascript 的区别?
3.Typescript中泛型是什么?
4.TypeScript中有哪些声明变量的方式?
5.什么是Typescript的方法重载?
6.请实现下面的sleep方法
- typescript 中的is关键字有什么用?
8.TypeScript支持的访问修饰符有哪些?
9.请实现下面的 myMap方法
10.请实现下面的 treePath方法
11.请实现下面的product 方法
12.请实现下面的 myAll方法
13.请实现下面的 sum方法
14.请实现下面的mergeArray方法
15.实现下面的firstSingleChar方法
16.实现下面的 reverseWord方法
17.如何定义一个数组，它的元素可能是字符串类型，也可能是数值类...
18.请补充 objToArray函数
19.使用TS实现一个判断传入参数是否是数组类型的方法
20.TypeScript 的内置数据类型有哪些？
Webpack面试题
- package.json文件中的 devDependencies 和dependencies对象有什...
2.webpack5的主要升级点有哪些？
3.说下Vite的原理
4.与webpack类似的工具还有哪些？区别?
5.说说如何借助webpack来优化前端性能？
6.说说webpack proxy工作原理？为什么能解决跨域？
7.说说webpack的热更新是如何做到的？原理是什么？
8.面试官：说说Loader和Plugin的区别？编写Loader，Plugin的思路？
9.说说webpack中常见的Plugin?解决了什么问题？
10.说说webpack中常见的Loader？解决了什么问题？
11.说说webpack的构建流程？
12.说说你对webpack的理解？解决了什么问题？
13.webpack loader 和 plugin实现原理
14.如何提高webpack的构建速度？
15.说说webpack-dev-server 的原理
16.你对babel了解吗，能不能说说几个stage代表什么意思？
17.webpack的module、bundle、chunk分别指的是什么？
18.什么是CI/CD?
19.说说你对前端工程化的理解
20.说说你对SSG的理解
今天的面试题就到此为止了，以上仅部分内容，方便快速观看
最后祝大家10月没有收获不用焦虑，11月肯定会时来运转的！！！！
麻烦如果觉得不错点个小心心哈~谢谢
