写在前面：这场寒冬，也是分水岭

2026年的春天，对于许多前端开发者来说，寒意并未散去。

在长沙，程序员老齐刚刚挂断一通语音电话。2018年时他能轻松报出20万的小程序项目，如今对方连2万的报价都要犹豫再三，甚至质疑：“AI都能免费做，你怎么还这么贵? 在广州，拥有12年经验的阿伟苦笑着自嘲已经“上不起班”，因为AI的入侵和内卷，IT工程师的薪资普遍降薪超35%，每天的通勤成本都成了需要核算的负担。而在招聘市场上，一个更残酷的现实正在发生：哈佛大学的一项研究显示，企业在采用生成式AI后的六个季度内，初级开发者的就业率下降了约9%-10%，大型科技公司的应届生招聘量在过去三年里减少了50%

这就是2026年前端开发者面临的真实图景。技术更新迭代快不再只是一句轻飘飘的感慨，它变成了AI工具每三个月一次的重磅升级，变成了你必须不断学习的框架列表（React、Vue、Svelte、Solid、Qwik...），变成了“五年前的技术今天可能已显得沉重或过时”的残酷法则。求职困难也不再是简单的“岗位少”，而是市场对人才的要求发生了根本性重构——企业不再为只会写页面的“工具人”买单，他们在寻找能用AI这个杠杆撬动业务价值的“工程师” 。

面对这样的形势，一个灵魂拷问摆在每一位前端从业者面前：这个行业，还值得继续坚持吗？还是该考虑转行了？

困境：我们为什么感到前所未有的焦虑？

这种焦虑并非空穴来风。它来自三个层面的剧烈震荡：

第一，AI正在重塑开发流程，甚至定义新的工种。
如今，AI已经可以包揽前端60%以上的基础工作，从页面设计到简单功能构建，一键生成。团队的配置被极致压缩：以前需要“一名高级程序员带两名初级程序员”的前端团队，现在AI直接替代了那两名初级程序员的所有工作。对开发者个人而言，工作内容也从“编写代码”转向了“评估与修复代码”。一位程序员无奈地比喻：“客户要吃抻面，AI给意大利面。程序员的工作变成了收拾AI扔过来的烂摊子。”这种从创造者到审计员的角色转变，带来了巨大的职业价值感缺失。

第二，市场价格体系崩塌，“内卷”演变为“死循环”。
AI拉低了客户的心理预期，也让同行间的报价战打到地板价。广州的程序员阿伟回忆，2023年前开发一款双端口小程序报价至少12万，如今AI几小时就能生成基础框架，项目价格应声腰斩。更可怕的是，这形成了一个死循环：老板赚不到钱，只能降薪裁员；员工收入锐减，为了生存不得不低价接单；低价进一步拉低市场价格，逼着所有人更疯狂地“走量”和工作。

第三，对个人能力的定义被重写。
如果说以前你精通React或Vue就能找到一份不错的工作，那么在2026年，这只是入场券。企业对“AI流利开发者”（AI-Fluent Developers）的需求日益迫切，招聘标准从“会写代码”变成了“会审查AI代码”、“会设计架构”、“会解决AI解决不了的复杂问题” 。初级岗位的入口在变窄，但对资深工程师的综合能力要求却在指数级上升。 正如一位开发者所言：“现在最大的恐惧是，不知道自己是在‘成长’，还是在‘刷熟练度’。

真相：前端不会消失，但“混日子式的前端”会

然而，如果我们把目光从焦虑上移开，去审视那些正在发生的积极变化，会发现另一番景象。

美国劳工统计局依然预测，2024年至2034年间，软件相关岗位将增长约15% -5。NASSCOM的报告也指出，2026年的招聘市场虽然残酷，但对拥有特定未来技能的人才需求是“放大”的。这告诉我们一个朴素的真相：市场不是在消灭前端这个工种，而是在淘汰那些无法适应新范式的从业者。

一位在CSDN上分享的资深开发者直言：“2026年最残酷的真相是：‘只会写页面’的前端，会越来越便宜。但前端的竞争正在从‘技术栈’变成‘交付能力’。” -8

什么是在2026年依然有价值的“交付能力”？

• 是AI时代的“杠杆能力”：你知道如何让AI写初稿，而你负责架构和验收；你能用AI做代码审查、性能分析，甚至建立自己的提示词模板，把经验产品化。你不是在和AI竞争，你是在驾驭AI。GitHub报告显示，51%的专业开发者已在日常使用AI工具，未来的差距在于“知晓AI何时出错或非最优解”。
• 是跨越前端的“系统思维”：你不再只盯着浏览器的方寸之地，而是开始理解BFF、权限、缓存、灰度、可观测性。你能参与系统设计，能独立把一个业务从0到1推上线。招聘趋势清晰地表明，掌握TypeScript、了解云原生（Cloud-Native）、具备DevSecOps意识的“多语言全栈开发者”（Polyglot Full-Stack Developers）正变得极其抢手。
• 是回归本质的“硬核价值”：你能让页面的LCP从3.8秒降到2.2秒，你能把项目的构建时间从6分钟减少到2分钟，你能通过数据埋点和分析证明你做的功能提升了转化率。这些实实在在的“成果”，是AI无法凭空产生，也是你不可替代的基石。

抉择：继续还是转行？

所以，回到最初的问题：还值得继续吗？

如果你追求的是稳定、重复、低风险的“技能型”工作，那么前端开发在当下确实不是一个舒适的选择。 它的技术浪潮永远在翻滚，要求从业者保持终身学习。如果你对此感到疲惫，那么转向需求分析、产品经理、UI/UX设计，甚至是利用技术背景进入传统行业的数字化部门，都是值得考虑的转型路径。

但如果你热爱创造，享受通过代码构建和解决问题的过程，不惧怕甚至乐于拥抱变化，那么前端（或者说广义的软件开发）依然是这个时代最迷人的领域之一。 因为每一次技术的颠覆，都意味着旧的壁垒被打破，新的机会在涌现。在AI和低代码工具接管了重复劳动后，开发者终于有机会从繁琐的细节中解放出来，去聚焦更具创造性和战略性的工作——成为那个设计系统、协调AI智能体、定义产品体验的“作曲家” 。

导语：这份笔记想为你做什么？

正是基于这样一个充满挑战与机遇的时代背景，我们整理出了这份《26年前端面试最新总结笔记（十万字整理）》。

它不是为了让你死记硬背去应付面试，更不是为了贩卖焦虑。它的核心目的只有一个：帮你在这个新旧交替的十字路口，看清方向，重塑核心竞争力。

在这十万字里，我们没有回避当下的困境，而是将其转化为你必须掌握的新考点。你会看到：

• AI如何融入技术栈： 从传统的React/Vue全家桶，到2026年必须掌握的Vercel AI SDK、AI Elements、AI流利编码技能 。
• 面试标准的变迁： 不再只是算法题，而是系统设计、架构权衡、以及对可观测性、安全性（DevSecOps）的深度理解 。
• 职业发展的新路径： 如何规划自己成为业务型、工程型或全栈平台型前端，并打造属于自己的“硬成果”。
• 真实的生存策略： 初级开发者如何用“+AI”的能力弥补经验短板，高级开发者如何成为团队中“质量的守护者”和“复杂度的管理者” 。

寒冬是残酷的，但它也是一场分水岭。冲刷掉的是泡沫和投机者，留下的将是真正热爱技术、拥抱变化、能创造价值的人。

无论你选择继续深耕还是谨慎转行，都希望这份笔记能成为你手中一份详实的地图，帮助你在迷雾中找到属于自己的路。因为最终，决定你职业价值的，从来不是那行代码本身，而是你透过代码解决真实世界问题的能力。

准备好了吗？让我们一起，开始这段充满挑战与可能的旅程。

以下：https://github.com/encode-studio-fe-coder/natural_traffic/wiki/scan_material4

大厂前端近半年都在问这些：

JavaScript & TypeScript深度

异步编程:手写带并发限制的Promise调度器、理解微任务/宏任务对U渲染的影响。

浏览器原理:从输入URL到页面渲染的完整过程、渲染性能优化(减少重排重绘)。

TypeScript高级类型:utilityTypes、类型守卫、泛型应用，以及其在大型项目中的工程价值

框架原理(React / Vue)

React：Fiber架构原理、Hooks原理与闭包陷阱、自定义Hooks设计。

Vue 3：响应式原理(Proxy vs defineProperty)、Composition APl设计动机、编译时优化

通用：虚拟DOM Diff算法、跨端渲染原理。

工程化与架构

构建工具：Vite快在哪里；Webpack的Tree-shaking、Code Splitting、插件/加载器原理

性能优化：量化指标（LCP、CLS)、首屏加载优化、运行时性能分析与监控。

前沿架构：微前端(qiankun)的JS沙箱与样式隔离、Monorepo、状态管理设计。

全链路能力（高阶加分项）

Node.js/全栈：服务端渲染、BFF层设计、中间件。

前端安全：XSS/CSRF防御、HTTPS与中间人攻击、内容安全策略。

实战场景题 (面试“拉分”关键)

性能类：如何设计并实现一个支持动态高度的虚拟滚动列表？

工程类：如何在前端团队快速落地代码规范或灰度发布系统？

体验类：token过期后，如何实现无感刷新？如何监控并上报页面白屏错误？

设计类：如何设计一个支持撤销/重做的前端数据管理器？如何设计一个通用的前端水印SDK？

JavaScript 面试题

相比于npm和yarn，pnpm的优势是什么？
如果使用Math.random(）计算中奖概率会有什么问题吗？
怎么使用js 实现拖拽功能?
举例说明你对尾递归的理解，以及有哪些应用场景
说说你对 lterator, Generator 和 Async/Await 的理解
说说你对模块化方案的理解，比如CommonJS、AMD、CMD、ESModule分别是什么?
前端跨页面通信，你知道哪些方法?
Javascript脚本延迟加载的方式有哪些?
怎么理解ES6中 Generator的?使用场景有哪些?
导致页面加载白屏时间长的原因有哪些，怎么进行优化?
【Promise第38题】下面代码的输出是什么?
【Promise第40题】下面代码的输出是什么?
微前端中的应用隔离是什么，一般是怎么实现的?
JavaScript 对象的底层数据结构是什么?
浏览器和 Node 中的事件循环有什么区别?
版本号排序
哪些原因会导致js里this指向混乱?

React.js 面试题（源码笔记等）

fiber架构的工作原理？
React Reconciler 为何要采用 fiber 架构?
useState是如何实现的?
React Fiber是什么?
简单介绍下React中的 diff 算法
如何让 useEffect 支持 async/await?
React 中怎么实现状态自动保存(KeepAlive)?
React Fiber 是如何实现更新过程可控?
react中懒加载的实现原理是什么?
React有哪些性能优化的方法?
不同版本的 React 都做过哪些优化?
React19新特性
说说你对 React Hook的闭包陷阱的理解有哪些解决方案?
React 中，怎么给 children 添加额外的属性?
Fiber 为什么是 React 性能的一个飞跃?

Vue.js 面试题（源码笔记等）

Vue 模板是如何编译的
vue3 相比较于 vue2，在编译阶段有哪些改进?
说说Vue 页面渲染流程
Vue 项目中，你做过哪些性能优化?
如果使用Vue3.0实现一个 Modal，你会怎么进行设计?
Vue3.0里为什么要用 Proxy API替代defineProperty APl ?
Vue 有了数据响应式，为何还要 diff ?
说说 vue3 中的响应式设计原理
说说 Vue 中 css scoped 的原理
vue3 的响应式库是独立出来的，如果单独使用是什么样的效果?
手写 vue 的双向绑定
什么是虚拟DOM?如何实现一个虚拟DOM?说说你的思路
说下Vite的原理

Node.js 面试题

浏览器和 Node 中的事件循环有什么区别?
如何实现jwt鉴权机制?说说你的思路
怎么进行 Node 服务的内存优化?
为什么Node在使用es module时必须加上文件扩展名?
说说Node中的EventEmitter？如何实现一—个EventEmitter?
说说Node文件查找的优先级以及Require方法的文件查找策略？
两个 Node.js 进程如何通信?
pm2守护进程的原理是什么?
单线程的 nodejs 是如何充分利用计算机CPU 资源的呢?
body-parser 这个中间件是做什么用的?
说说对中间件概念的理解，如何封装 node中间件?

Typescript 面试题

什么是TypeScript Declare关键字?
Typescript 中的 getter/setter 是什么?你如何使用它们?
unknown 是什么类型?
never 是什么类型，详细讲一下
如何在TypeScript中实现继承?
说-说Typescript中的类及其特性。
请实现下面的 sleep 方法
Typescript中的方法重写是什么?
typescript 中的 is 关键字有什么用?
什么是Typescript映射文件?
Typescript中的类型有哪些?
Typescript中interface 和 type 的差别是什么?

编程 面试题

实现深拷贝
请手写“堆排序”
虚拟 dom 原理是什么，手写一个简单的虚拟 dom 实现
请在不使用 setTimeout 的前提下，实现setinterval
实现JSONP
实现一个类，其实例可以链式调用，它有一个sleep 方法，可以sleep一段时间后再...
编写一个vue组件，组件内部使用插槽接收外部内容，v-model双向绑定，实现折叠...
版本号排序
Promise 的 finally 怎么实现的?
实现 Promise
字符串解析问题

工程化 面试题

说说你对前端工程化的理解
webpack loader 和 plugin 实现原理
为什么 webpack 可以通过文件打包，让浏览器可以支持 CommonJs 规范?
webpack tree-shaking 在什么情况下会失效?
微前端中的路由加载流程是怎么样的?
说下Vite的原理
说说你对 source Map 的了解
说说webpack的构建流程?
ES6 代码转成 ES5 代码的实现思路是什么?
webpack的module、bundle、chunk分别指的是什么?
webpack treeshaking机制的原理是什么?
为什么 SPA 应用都会提供一个 hash 路由好处是什么?

前端性能优化（大厂专题篇）

1. script标签放在header里和放在body底部里有什么区别？
2.前端性能优化指标有哪些？怎么进行性能检测？
3.SPA（单页应用）首屏加载速度慢怎么解决？
4.如果使用CSS提高页面性能？
5.怎么进行站点内的图片性能优化？
6.虚拟DOM一定更快吗?
7.有些框架不用虚拟dom，但是他们的性能也不错是为什么？
8，如果某个页面有几百个函数需要执行，可以怎么优化页面的性能？
9.讲一下png8、png16、png32的区别，并简单讲讲png的压缩原理
10.页面加载的过程中，JS 文件是不是一定会阻塞DOM和CSSOM的构建？
11. React.memo()和useMemo(的用法是什么，有哪些区别?
12.导致页面加载白屏时间长的原因有哪些，怎么进行优化？
13.如果一个列表有100000个数据，这个该怎么进行展示？
14.DNS预解析是什么？怎么实现?
15. 在React中可以做哪些性能优化？
16.浏览器为什么要请求并发数限制？
17. 如何确定页面的可用性时间，什么是PerformanceAPI?
18.谈谈对window.requestAnimationFrame 的理解
19. css加载会造成阻塞吗？
20.什么是内存泄漏？什么原因会导致呢？
21.如何用webpack来优化前端性能
22.说说常规的前端性能优化手段
23. 什么是CSS Sprites?
24. CSS优化、提高性能的方法有哪些？
25.script标签中，async和defer两个属性有什么用途和区别？

九、项目场景题（26年面试必考）

1.如何判断用户设备
2.将多次提交压缩成一次提交
3.介绍下navigator.sendBeacon方法
4.混动跟随导航（电梯导航）该如何实现
5退出浏览器之前，发送积压的埋点数据请求，该如何做？
6.如何统计页面的long task（长任务）[热度：140】
7.PerfoemanceObserver如何测量页面性能
移动端如何实现下拉滚动加载（顶部加载）
9.判断页签是否为活跃状态
10.在网络带宽一定的情况下，切片上传感觉和整体上传消费的时间应该是差不多的这种说法正确吗？
11.大文件切片上传的时候，确定切片数量的时候，有那些考量因素
12.页面关闭时执行方法，该如何做
13.如何统计用户pv访问的发起请求数量
14.长文本溢出，展开/收起如何实现
15.如何实现鼠标拖拽
16统计全站每一个静态资源加载耗时，该如何做
17.防止前端页面重复请求
18.ResizeObserver作用是什么
19.要实时统计用户浏览器窗口大小，该如何做
20.当项目报错，你想定位是哪个commit引l入的错误的时，该怎么做

21.如何移除一—个指定的commit

22.如何还原用户操作流程

23.可有办法将请求的调用源码地址包括代码行数也上报上去？

24.请求失败会弹出一个toast,如何保证批量请求失败，只弹出一个toast【热度：420）

25.如何减少项目里面if-else【热度：310】

26.babel-runtime作用是啥【热度：200】

27.如何实现预览PDF文件

28.如何在划词选择的文本上添加右键菜单（划词：标滑动选择一组字符，对组字符进行操作）【热度：100】

29.富文本里面，是如何做到划词的（鼠标滑动选择一组字符，对组字符进行操作？【热度：100】

30.如何做好前端监控方案【热度：672】

31.如何标准化处理线上用户反馈的问题【热度：631】

32.px 如何转为rem【热度：545】

33.浏览器有同源策略，但是为何cdn请求资源的时候不会有跨域限制【热度：579】

34.cookie可以实现不同域共享吗【热度：533】

35.axios是否可以取消请求【热度：532】

36.前端如何实现折叠面板效果？

37.dom里面，如何判定a元素是否是b元素的子元素【热度：400】

38.判断一个对象是否为空，包含了其原型链上是否有自定义数据或者方法。该如何判定？

39.is如何判空？「空」包含了：空数组、空对象、空字符串、0、undefined、null、空map、空set都属于为空的数据【热度:640】

40.css实现翻牌效果【热度:116】

41.flex:1代表什么【热度：400】

42.一般是怎么做代码重构的

43.如何清理源码里面没有被应用的代码，主要是JS、TS.CSS代码【热度：329】

44.前端应用如何做国际化？【热度：199】

45.应用如何做应用灰度发布【热度:247】

46.「微前端]为何通常在微前端应用隔离，不选择iframe方案【热度：280】

47.[微前端]Qiankun是如何做JS隔离的【热度：228】

48.[微前端]微前端架构一般是如何做JavaScript隔离

49.[React]循环渲染中为什么推荐不用index 做key【热度:320】

50.[React如何避免使用context的时候，引起整个挂载节点树的重新渲染【热度：420】

51.前端如何实现截图？

52.当QPS达到峰值时，该如何处理？

53.js超过Number最大值的数怎么处理？

54.使用同一个链接，如何实现PC打开是web应用、手机打开是-个H5应用？【腾讯二面】

55.如何保证用户的使用体验【字节一面】

56.如何解决页面请求接口大规模并发问题【必会】

57.设计一套全站请求耗时统计工具

58.大文件上传了解多少【百度一面】

59.H5如何解决移动端适配问题【美团一面】

60.站点一键换肤的实现方式有哪些？【美团一面】

61.如何实现网页加载进度条？【百度一面】

62.常见图片懒加载方式有哪些？【京东一面】

63.cookie构成部分有哪些【百度一面】

64.扫码登录实现方式【腾讯一面]

65.DNS协议了解多少【字节一面】

66.函数式编程了解多少？【京东一面】

67.前端水印了解多少？【腾讯一面】

68.什么是领域模型【必会】

69.一直在window上面挂东西是否有什么风险【百度一面】

70.深度SEO优化的方式有哪些，从技术层面来说

71.小程序为什么会有两个线程【腾讯一面】

72.web应用中如何对静态资源加载失败的场景做降级处理

73.html中前缀为data-开头的元素厘性是什么？

74.移动端如何实现上拉加载，下拉刷新？【字节一面】

75.如何判断dom元素是否在可视区域【字节一面】

76.前端如何用canvas来做电影院选票功能【美团一面】

77如何通过设置失效时间清除本地存储的数据？【腾讯二面】

78.如果不使用脚手架，如果用webpack构建一个自己的react应用

79.用nodejs实现一个命令行工具，统计输入目录下面指定代码的行数

80.package,json里面sideEffects厘性的作用是啥【必会】

81.script标签上有那些厘性，分别作用是啥？【必会】

82.为什么SPA应用都会提供一个hash路由，好处是什么？

83.[React]如何进行路由变化监听【字节一面】

84.单点登录是是什么，具体流程是什么【腾讯一面】

85.web网页如何禁止别人移除水印【百度一面】

86.用户访问页面白屏了，原因是啥，如何排查？

87.[代码实现]s中如何实现大对象深度对比

88.如何理解数据驱动视图，有哪些核心要素？【腾讯二面】

89.vue-cli都做了哪些事儿，有哪些功能？

90.JS执行100万个任务，如何保证浏览器不卡顿？【百度一面】

91.JS放在head里和放在body里有什么区别？

92.Eslint代码检查的过程是啥？【必会】

93.虚拟混动加载原理是什么，用JS代码简单实现一个虚拟滚动加加载

94.[React]react-router和原生路由区别

95.html的行内元素和块级元素的区别【京东一面】

96.介绍-下 requestlIdleCallback api

97.documentFragment api是什么，有哪些使用场景？【必会】

98.git pull和 git fetch 有啥区别?

99.前端如何做页面主题色切换【腾讯一面】

100.前端视角-如何保证系统稳定性【字节一面]

101.如何统计长任务时间、长任务执行次数【腾讯二面】

102.V8里面的JT是什么？【京东一面]

103.用Js写一个cookies解析函数，输出结果为一个对象

104.vue中Scoped Styles是如何实现样式隔离的，原理是啥

105.样式阿商方式有哪些【字节一面】

106.在JS中，如何解决递归导致栈溢出问题？

107.站点如何防止爬虫？【百度一面】

108.ts项目中，如何使用nodemodules里面定义的全局类型包到自己项目src下面使用？【百度二面】

109.不同标签页或窗口间的【主动推送消息机制】的方式有哪些？（不借助服务端）

110.[React】在react项目开发过程中，是否可以不用react router使用浏览器原生history路由来组织页面路由？

111.在表单校验场景中，如何实现页面视口滚动到报错的位置

112,如何一次性渲染十万条数据还能保证页面不卡顿【百度二面】

113.【webpack】打包时hash码是如何生成的【必会】

114.如何从0到1搭建前端基建【京东一面】

115.你在开发过程中，使用过哪些TS的特性或者能力？【美团一面】

116.JS的加载会阻塞浏览器渲染吗？【百度一面】

117.浏览器对队头阻寒有什么优化？【百度一面）

118.Webpack项目中通过script标签引I入资源，在项目中如何处理？

119.应用上线后，怎么通知用户刷新当前页面？【腾讯一面】

120.Eslint代码检查的过程是啥？

121.HTTP是一个无状态的协议，那么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.全局样式命名冲突和样式盖问题怎么解决？

155.【React】从React层面上，能做的性能优化有哪些？

156.[VUE】中为何不要把v-if和v-for同时用在同一个元素上，原理是什么？

157.将静态资源缓存在本地的方式有哪些？

158.SPA首屏加载速度慢的怎么解决

159.axios是如何区分是nodejs环境还是浏览器环境的?

160.如何拦截web应用的请求

161.前端有哪些跨页面通信方式？

162.H5下拉刷新如何实现？

163.如何修改第三方npm包？

第二部分

怎么在前端页面中添加水印？
如何封装一个请求，让其多次调用的时候，实际只发起一个请求的时候，返回同一份结果
web网页如何禁止别人移除水印
react中怎么实现下拉菜单场景，要求点击区域外能关闭下拉组件
如何搭建一套灰度系统？
React 如何实现vue 中 keep-alive 的功能?
如何监控前端页面的崩溃？
如何在前端团队快速落地代码规范
前端如何实现即时通讯？
用户访问页面白屏了，原因是啥，如何排查？
如何给自己团队的大型前端项目设计单元测试？
如何做一个前端项目工程的自动化部署，有哪些规范和流程设计？
你参与过哪些前端基建方面的建设？
假如让你负责一个商城系统的开发，现在需要统计商品的点击量，你有什么样设计与...
前端怎么做错误监控？
token过期后，页面如何实现无感刷新？
如何解决页面请求接口大规模并发问题
web应用中如何对静态资源加载失败的场景做降级处理？
什么是单点登录，以及如何进行实现？

前端项目细节

1. 测试和调试

2.跨域请求问题

3.数据安全和隐私保护

4.移动端触摸事件处理

5.性能优化

6.响应式布局的挑战

7. 浏览器兼容性问题

8.获取首页链接里面的参数问题

9. 更新文件缓存的坑

10.解析后端返回的map格式数据的坑。

11.vue组件动态加载的坑

12.页面缓存的坑。

13. 路由传参的功能的坑。

14. axios请求中post请求的坑。

15.为什么需要二次封装组件库？

16.请结合一个组件库设计的过程，谈谈前端工程化的思想

17.如何对一个组件库进行测试？

18.在使用qiankun时，你如何处理多个子项目的调试问题？

19. 你能解释一下 qiankun 如何实现 keep-alive 的需求吗?

20.在使用qiankun时，你如何处理js沙箱不能解决的js污染问题？

21.在项目中有没有单独封装组件

22.在项目中发送请求怎么携带token

23.工作中有用到git吗

24.git版本发生冲突你怎么解决的

25.如何快速让一个盒子水平垂直居中

26.首屏加载白屏怎么进行优化

27.路由传参query与 params区别

28.项目基础优化

29.对$nextTick异步渲染的理解

30.你是怎么对axios进行二次封装的，有什么作用

31.用戶token失效你是怎么处理的

32.说一下项目的流程

33.商品和增删改查

34.Element-UI的form表单验证你是怎么使用的

35.项目中的商品详情页你是怎么实现的

36.什么是数组扁平化

37.你这个项目登陆是怎么实现的

38.项目中的权限管理怎么实现的

39.Vue的SnextTickO方法有用到过吗

40.深拷贝与浅拷贝

41.在Vue是项目中如何打开新的页面

42.请解释一下微前端的概念以及它的主要优点和挑战？

43.你能详细描述一下qiankun微前端框架的工作原理吗？

44.在使用qiankun时，如果子应用是基于jQuery的多页应用，你会如何处理静态资源的加载问题？

45.在使用qiankun时，如果子应用动态插入了一些标签，你会如何处理？

46.在使用qiankun时，你如何处理老项目的资源加载问题？你能给出一些具体的解决方案吗？

47.你能解释一下qiankun的start函数的作用和参数吗？如果只有一个子项目，你会如何启用预加载？

48. axios-请求中post请求的坑

49.路由传参的功能的坑

50.页面缓存的坑

51. vue组件动态加载的坑

52.解析后端返回的map格式数据的坑

53. 更新文件缓存的坑

54. h5页面打开调试日志

55.获取首页链接里面的参数问题

56.h5里面的搜索

57.登录接口bug

58.封装的请求方法不需要在传入相同的参数。

59.进来不在index.html文件里面引入公共的文件

60.你做的项目中都使用过那些中间件呢？

61.你在开发过程中有什么困难点（或者使用了什么技术)

62.会写接口吗？项目你负责什么?

63.你之前做过小程序吗？主要包括哪些功能？

64.这个小程序的具体设计逻辑是怎么样的？有几个人开发？周期多长？在你离职时，这个小程序项目是否还在开发？或者你离职时，你们公司在开发什么？

65.你说你负责支付环节，那么微信支付的流程是否可以简单说一下？

66.那好，既然流程说完了，那么，我问你，你这个项目涉及到了mb，它在用戶点击支付之后的逻辑关系和表关系你是怎么理解的？有多少张表？表关系？

67.你觉得这个小程序项目的细节之处有哪些？

68.如何自定义tabbar?

69.你刚才提到了异步，在这个项目中你是否被异步坑过，最后又是如何解决的？

70.你能描述一下渐进增强和优雅降级之间的不同吗？

71.为什么利用多个域名来存储网站资源会更有效？

72.一个页面上有大量的图片（大型电商网站），加载很慢，你有哪些方法优化这些图片的加载，给用戶更好的体验。

73.一个页面从输入URL到页面加载显示完成，这个过程中都发生了什么？

74. 前端如何进行登录身份的判断

75.电商项目跟其它项目有什么不同？

76.实践题

77.项目开发中有遇到什么挑战没？

78.项目研发流程中作为前端开发一般扮演的啥角色？

79.现在有的项目中觉得哪些项目可以继续优化，为啥没有优化?

80.平时写项目总结么，一般总结哪些东西？

81.请简单绘制登录场景的业务流程图，如不熟悉登录业务，也可以选择自己之前项目的业务简单说明。

82.项目上线后，会将index.html给后端，在地址栏上输入www.abc.com，当在地址后面缀上/layout 回车后，页面会报404，是否遇见过这个问题，又该如何去解决?

83.项目中由谁定接口，公司文档如何管理，由谁负责上传代码，怎么上传代码的，项目发布都是怎么做的？

84.请你说说高级前端工程师和初级以及中级有什么区别？

85.用过echars与highchars么，你遇到哪些问题及如何解决的

86.项目开发中是用什么工具来管理代码的：说一下你是用过的工具用法（git、svn）

87.讲一下最近的这个项目中都负责什么

88.怎么判断是开发环境生产环境

89.Vue如何在用戶没登陆的时候重定向登录界面？

90.Vue项目常见优化点

91.异步解决方案有哪些？

92.移动端点击事件300ms延迟如何去掉？原因是什么？

93.如何实现函数的柯里化?比如add(1)(2)(3）

94.什么是反柯里化

95.如何避免回调地狱？

96.开发过程中遇到内存泄漏的问题都有哪些？

97.浏览器有哪些兼容问题，你封装过什么插件

98.假如A页面我定义了一个定时器，然后跳到B页面如果让A页面的定时器暂停

99.深拷贝是什么？项目哪里是用到了深拷贝？

100.swiper插件从后台获取数据没问题，css代码啥的也没问题，但是图片不动，应该怎么解决？

101.常见内存泄漏

102.插入几万个dom，如何实现页面不卡顿？

以上：https://github.com/encode-studio-fe-coder/natural_traffic/wiki/scan_material4