待办1110这个项目还未开始▼js132JavaScript 中有几种数据类型 ?P0类型和值什么是原始类型和引用类型，有什么区别？P0类型和值有哪些方法判断变量的类型P0类型和值null undefined 区别?P1类型和值有用过 Symbol 么，说一下？P1类型和值0.1 + 02 !== 0.3P0类型和值如何判断一个数值是整数？P1类型和值什么是 NaN ，它的类型，如何判断 NaN?P1类型和值BigInt 是如何实现的？P3类型和值js 中类型转换规则？P1类型和值== 和 === 区别P0操作符和表达式typeof 和 instanceof 的区别P1操作符和表达式操作符优先级P2操作符和表达式说明下面的代码运行结果P2操作符和表达式Object.is() 与比较操作符 “===”、“==” 有什么区别P3操作符和表达式let const var 区别P0语句和申明变量提升P0语句和申明`for...of`、`for...in`、`for` 循环的区别简表P1语句和申明原型链？P0对象newP0对象原始封装类型P1对象用过 Object 哪些方法P0对象什么是属性描述符P0对象instanceof 的作用P0对象如何判定一个属性来自于对象本身， 还是来自于原型链P0对象防止对象被篡改有哪些方式P2对象JavaScript 字符串是如何存储的？P0字符串和正则JavaScript 支持哪些正则能力？P1字符串和正则说一下 JS RegExp 与 String 的常用方法及差异P1字符串和正则分组/命名捕获/反向引用怎么用？P2字符串和正则边界/多行/单词边界如何工作？P2字符串和正则前瞻/后顾断言的应用场景？P2字符串和正则数字千分位P1字符串和正则url 查询字段解码P1字符串和正则用过 Array 哪些方法P0数组和集合对象什么是伪数组和数组的区别是什么如何转换P1数组和集合对象Iterator 的概念与作用P0数组和集合对象哪些数据结构原生支持 Iterator？如何自定义？P1数组和集合对象Iterator 接口会在什么场合被自动调用？P1数组和集合对象Set 和 Map 的底层实现及时间复杂度？P1数组和集合对象Map 和 WeakMap、Set 和 WeakSet 有什么区别？P1数组和集合对象如何遍历 Map？有哪些常用 API？P2数组和集合对象WeakMap/WeakSet 的典型应用场景？P2数组和集合对象什么是执行上下文 ?P0函数说一下 this？P0函数什么是作用域 ？P0函数## 什么是闭包？P0函数构造函数和普通调用有什么区别？P0函数JS 有几种创建函数的方式，有哪些区别 ？P0函数用过哪些函数对象的方法？P0函数函数表达式和函数声明的区别？P0函数说一下箭头函数，和普通函数有什么区别？P0函数call,apply,bind 区别？P0函数eval 了解多少？P1函数ES6 class 的基本语法与特性P0类class 与传统构造函数的区别？P1类class 的继承机制及 super 关键字作用？P0类静态方法和实例方法的区别？P1类class 的私有属性和方法如何实现？P2类js 中异步编程有哪些模式 ?P0异步编程说一下 promise ？P0异步编程async 和 Promise 的区别P0异步编程await 的原理是什么, 如何工作？P0异步编程ES Module 的基本语法与特性P0ES ModuleES Module 与 CommonJS 的区别？P0ES ModuleES Module 的导入导出方式有哪些？P1ES ModuleES Module 的静态分析和 tree-shaking 原理？P2ES ModuleES Module 如何在浏览器和 Node.js 中使用？P1ES Module为什么 ESM 支持顶层异步，解决哪些问题?P2ES Moduleiterator 是什么？P1迭代器、生成器、元编程用过 generator ，讲一下？P1迭代器、生成器、元编程用过 Proxy 么，简单讲解下？P0迭代器、生成器、元编程用过 Reflect 么，简单讲解下？P0迭代器、生成器、元编程递归和尾递归是什么概念？P1ES6+JS 严格模式为什么禁用 with 语句？P2ES6+stage0、stage1、stage2、stage3 分别代表什么含义？P4ES6+装饰器（Decorator）是什么？如何实现？P1ES6+JavaScript、ECMAScript、BOM、DOM、Node.js 之间是什么关系？P0js 引擎原理解释性语言和编译型语言的区别P0js 引擎原理说一下 v8 是如何执行 javascript 语句的 ？P0js 引擎原理V8 里面的 JIT 是指什么？P0js 引擎原理JavaScript 如何做内存管理？P0js 引擎原理内联缓存P2js 引擎原理JS 中的数组和函数在内存中是如何存储的？P0js 引擎原理隐藏类是什么概念？P0js 引擎原理理解 V8 里 Isolate 、Context 等概念么？P2js 引擎原理Promise.try() 解决了传统 Promise.resolve().then() 的什么痛点？P0新特性如何在 Promise 外部触发 resolve / reject？Promise.withResolvers() 是怎么设计的？P0新特性原生 Iterator Helpers 相比传统数组 map / filter 链式调用有什么优势？P1新特性Set 新增了哪些原生集合操作（交集、并集、差集等）？以前是怎么实现的？P1新特性ArrayBuffer 怎么实现零拷贝转移？ArrayBuffer.prototype.transfer() 解决了什么问题？P0新特性前端如何原生将 TypedArray / 二进制转为 Base64？为什么以前用 btoa() 会乱码？P1新特性Float16Array 是什么？为什么在 WebGL、WebGPU 和端侧 AI 中如此重要？P1新特性为什么跨 iframe 时 instanceof Error 会失效？Error.isError() 是如何判别的？P0新特性0.1 + 0.2 的高精度累加问题，除了 bignumber.js 还有什么新方案？Math.sumPrecise() 是什么？P1新特性在复杂的异步调用栈（setTimeout/await）中如何隐式透传 TraceId？AsyncContext 原理是什么？P0新特性为什么说 JavaScript 的 Date 对象设计存在严重缺陷？Temporal 是如何解决的？P0新特性什么是 Records & Tuples？它和 Object.freeze() 有什么本质区别？P1新特性`['1', '2', '3'].map(parseInt)` 输出结果？P1JS 实战编码 / 语言和 API铺平嵌套数组P2JS 实战编码 / 语言和 API手写实现 instanceofP0JS 实战编码 / 语言和 API手写实现 Object.createP1JS 实战编码 / 语言和 API手写 JSON.stringify 和 手写 JSON.parse 实现P0JS 实战编码 / 语言和 API实现 PromiseP0JS 实战编码 / 语言和 API实现 `Promise.allSettled`P0JS 实战编码 / 语言和 API手写代码实现 promise.allP0JS 实战编码 / 语言和 API手写代码实现 promise.raceP0JS 实战编码 / 语言和 APIpromise.finally 怎么实现的？P0JS 实战编码 / 语言和 API实现 async 函数P0JS 实战编码 / 语言和 API实现 new 操作符P0JS 实战编码 / 语言和 API下面代码中 a 在什么情况下会打印 1 ?P0JS 实战编码 / 核心概念深拷贝和浅拷贝P0JS 实战编码 / 核心概念实现一个 sum 函数，支持任意个参数的累加，在 console.log 时输出结果？P1JS 实战编码 / 核心概念模拟new操作P0JS 实战编码 / 核心概念实现链式调用 ？P0JS 实战编码 / 核心概念实现 lodash debounce ?P0JS 实战编码 / 工具函数实现 lodash throttleP0JS 实战编码 / 工具函数实现 lodash getP0JS 实战编码 / 工具函数检测对象循环引用P1JS 实战编码 / 工具函数实现字符串过长显示省略号？P2JS 实战编码 / 工具函数实现 dayjs format 函数P1JS 实战编码 / 工具函数实现类似 dayjs [difference](https://day.js.org/docs/en/display/difference) 函数P1JS 实战编码 / 工具函数实现 lodash isEqual 函数P1JS 实战编码 / 工具函数实现管道函数P0JS 实战编码 / 工具函数实现一个缓存函数P0JS 实战编码 / 工具函数如何做 promise 缓存？上一次调用函数的 promise 没有返回， 那么下一次调用函数依然返回上一个 promiseP0JS 实战编码 / 工具函数数字千分化的实现方式有哪些？用代码实现一下P0JS 实战编码 / 工具函数统计前端请求耗时P2JS 实战编码 / 业务场景代码cookie 解析函数P2JS 实战编码 / 业务场景代码如何封装一个请求，让其多次调用的时候，实际只发起一个请求的时候，返回同一份结果P1JS 实战编码 / 业务场景代码使用 Promise 实现一个异步流量控制的函数(限制并发数)P0JS 实战编码 / 业务场景代码集合运算P0JS 实战编码 / 业务场景代码▼html107doctype(文档类型) 的作用是什么？P0概念什么是 HTML 语义化？P0概念HTML5 引入了哪些核心能力？P0概念如何处理 HTML5 新标签的浏览器兼容问题？P1概念HTML 全局属性有哪些？P1属性attribute property 区别?P0属性data- 属性的好处是什么？P1属性src 和 href 有什么区别P0属性crossorigin 的作用是什么P1属性html rel 属性 的参数 preload和prefetch 的作用是什么P0属性说一下 HTMl 下有哪些元素P0HTML 元素 / 元信息和资源HTML5 中 meta 标签作用是啥P0HTML 元素 / 元信息和资源header 的作用 和 head 的区别P1HTML 元素 / 元信息和资源为什么通常推荐将 CSS `<link>` 放置在 `<head></head>` 之间，而将 JS `<script>` 放置在 `</body>` 之前？你知道有哪些例外吗？P2HTML 元素 / 元信息和资源link 标签有哪些属性，作用是什么？P0HTML 元素 / 元信息和资源请解释 `<script>、<script async> 和 <script defer>` 的区别P0HTML 元素 / 元信息和资源script 标签设置 `type=module` 和普通脚本有什么区别？P0HTML 元素 / 元信息和资源script 标签设置 `type="importmap"` 是什么，用来解决什么问题？P1HTML 元素 / 元信息和资源HTML5 语义化结构元素有哪些，如何使用？P0HTML 元素 / 结构元素如何选择合适的内容分组元素？P1HTML 元素 / 结构元素列表元素的使用场景和可访问性实践？P2HTML 元素 / 结构元素简述 `<iframe>` 的优缺点及常见应用场景P1HTML 元素 / 内容元素a 标签如何保存文件？P2HTML 元素 / 内容元素HTML 表格的基本结构有哪些元素？P0HTML 元素 / 内容元素如何实现表格的可访问性最佳实践？P1HTML 元素 / 内容元素如何处理复杂表格的合并单元格？P2HTML 元素 / 内容元素input 类型有哪些？P2HTML 元素 / 内容元素`<details>` 和 `<summary>` 元素如何使用？P0HTML 元素 / 内容元素`<dialog>` 元素的功能和使用场景？P1HTML 元素 / 内容元素如何创建现代化的交互式组件？P2HTML 元素 / 内容元素web components 了解多少?P0HTML 元素 / 内容元素事件冒泡是什么?P0事件事件委托的作用和意义？P1事件说明 load,ready,DOMContentLoaded 的区别P1事件stopImmediatePropagation 和 stopPropagation 区别P1事件mouseEnter、mouseLeave、mouseOver、mouseOut 有什么区别？P2事件dragP0事件拖曳控制窗口P2事件要实时统计用户浏览器窗口大小，该如何做P1事件说一下 BOM 对象 ？P0Web API / BOM 和 DOMDOM0 到 DOM3 区别？P0Web API / BOM 和 DOMdom.containsP2Web API / BOM 和 DOM如何优化大规模 dom 操作的场景P0Web API / BOM 和 DOMscrollIntoView apiP1Web API / BOM 和 DOMdocumentFragment api 是什么， 有哪些使用场景P2Web API / BOM 和 DOMgetComputedStyle用法?P4Web API / BOM 和 DOMHistory API ?P0Web API / BOM 和 DOM原生 js 如何进行监听路由的变化P0Web API / BOM 和 DOMescape、encodeURI、encodeURIComponent 区别P3Web API / BOM 和 DOMURLSearchParams APIP2Web API / BOM 和 DOMrequestIdleCallback apiP2Web API / BOM 和 DOM如何判断页签是否为活跃状态P1Web API / BOM 和 DOM移动端如何实现上拉加载，下拉刷新？P0Web API / BOM 和 DOM如何判断dom元素是否在可视区域P0Web API / BOM 和 DOM如何检测网页空闲状态(一定时间内无操作)P2Web API / BOM 和 DOM一次性渲染十万条数据还能保证页面不卡顿P1Web API / BOM 和 DOM计算一段文本渲染之后的长度P2Web API / BOM 和 DOM说下 IntersectionObserver API ？P1Web API / BOM 和 DOMXMLHttpRequest 和 Fetch API 的区别 ?P0Web API / 网络和通讯AbortController 和 AbortSignal 有什么区别？P1Web API / 网络和通讯取消请求如何实现？P0Web API / 网络和通讯如何拦截 web 应用的请求P0Web API / 网络和通讯Long-Polling、Websockets 和 Server-Sent Event 之间有什么区别？P0Web API / 网络和通讯说下 navigator.sendBeaconP2Web API / 网络和通讯SSEP0Web API / 网络和通讯如何实现浏览器内多个标签页之间的通信?P0Web API / 网络和通讯跨页面通信方式？P0Web API / 网络和通讯文件上传和上传文件解析的原理是啥？P0Web API / 网络和通讯使用 ajax 封装一个上传文件的函数P0Web API / 网络和通讯如何实现网页加载进度条？P1Web API / 网络和通讯如何实现大文件断点续传P0Web API / 网络和通讯前端需要加载一个大体积的文件时， 一般有哪些优化思路P1Web API / 网络和通讯浏览器的存储有哪些P0Web API / 存储和缓存Cookie和Session区别？P1Web API / 存储和缓存localStorage 是同步还是异步P1Web API / 存储和缓存IndexedDB 存储空间大小是如何约束的？P0Web API / 存储和缓存WebWorker、SharedWorker 和 ServiceWorker 有哪些区别？P0Web API / 存储和缓存Service Worker 是如何缓存 http 请求资源的？P0Web API / 存储和缓存HTML5的离线储存怎么使用，工作原理能不能解释一下？P2Web API / 存储和缓存有用过剪切板么，简要讲解下P2Web API / 存储和缓存如何通过设置失效时间清除本地存储的数据？P0Web API / 存储和缓存在页面关闭时执行方法，该如何做P3Web API / 存储和缓存ResizeObserver 作用是什么P2Web API / 其他IntersectionObserver api?P3Web API / 其他MutationObserverP0Web API / 其他PerformanceObserver 如何测量页面性能P2Web API / 其他requestAnimationFrame 是什么，有什么作用？P0Web API / 其他canvas 是如何处理复杂事件交互的?P2Web API / 其他HTML5 `<video>` 和 `<audio>` 元素如何使用？P0Web API / 其他媒体 API 事件和控制方法有哪些？P1Web API / 其他现代Web媒体技术有哪些？P2Web API / 其他如何判断用户设备P2Web API / 其他前端如何实现截图？P0Web API / 其他web 网页如何禁止别人移除水印P0Web API / 其他富文本里面， 是如何做到划词的（鼠标滑动选择一组字符， 对组字符进行操作）P3Web API / 其他如何在划词选择的文本上添加右键菜单（划词：鼠标滑动选择一组字符， 对组字符进行操作）P2Web API / 其他页面语义化与地标如何设计？P0无障碍按钮组件的可访问性该如何实现？P0无障碍表单如何实现标签关联与错误宣告？P0无障碍模态对话框如何保证键盘可达和焦点管理？P1无障碍动态内容如何被读屏及时宣告？P1无障碍图像的替代文本应如何编写？P1无障碍取出一个 html 树，并返回标签类型和各标签出现次数？P0HTML 编程实现查找页面出现次数最多的 HTML 标签P0HTML 编程实现前端如何快速获取页面 URL query 参数P0HTML 编程实现实现文本溢出 popover 效果P0HTML 编程实现不使用 setTimeout 来实现 setIntervalP1HTML 编程实现▼css68什么是CSS盒模型？P0基础概念什么是视觉格式化模型(View formatting model) ?P0基础概念什么是 BFC 有哪些作用？P0基础概念什么是 IFC 和 BFC 有哪些区别？P0基础概念什么是 Cascade?P0基础概念什么是逻辑属性和逻辑值?P2基础概念什么是书写模式(writing-mode),有什么作用？P3基础概念什么是响应式设计？如何实现？P0基础概念什么是视口（Viewport）？如何设置？P0基础概念CSS选择器有哪些类型？P0选择器CSS选择器优先级如何计算？P1选择器常用的CSS伪类选择器有哪些？P2选择器CSS属性选择器如何使用？P3选择器现代CSS选择器有哪些新特性？P4选择器如何评估 css 选择器性能？P5选择器CSS中的值和单位有哪些？P0值与单位CSS 1PX 是什么？P1值与单位px 如何转为 remP2值与单位CSS 有哪些函数值，用过哪些？P0值与单位calcP2值与单位line-gradientP0值与单位sizeP0值与单位CSS中有哪些颜色表示方法，有什么区别？P0值与单位inherit、initial、unset、revert 有什么区别？P0值与单位`display:none`、`visibility:hidden` 有什么区别？P0值与单位CSS 支持哪些布局方式？P0布局系统内联元素是如何布局的？P0布局系统CSS 定位有哪些方式？P0布局系统什么是 Flexbox 布局？P1布局系统什么是Grid布局？P2布局系统什么是 CSS 浮动？P0布局系统列布局？P2布局系统如何设置表格布局，有哪些特点？P2布局系统如何实现CSS阴影效果？P1视觉表现如何实现CSS渐变效果？P2视觉表现CSS 动画和过渡有什么区别？P0动画与过渡如何实现 CSS 动画的性能优化？P0动画与过渡如何实现 CSS 关键帧动画？P0动画与过渡如何实现 CSS 3D 变换？P0动画与过渡什么是CSS变量（CSS Custom Properties）？P1现代CSS技术什么是CSS容器查询？P2现代CSS技术什么是CSS Grid子网格（Subgrid）？P2现代CSS技术什么是CSS层叠层（Cascade Layers）？P2现代CSS技术什么是CSS嵌套（CSS Nesting）？P2现代CSS技术什么是 CSS 工程化？P0工程与架构用过哪些 CSS 预处理器？P0工程与架构有用过 PostCSS 吗？P0工程与架构如何优化CSS性能？P1工程与架构CSS动画性能如何优化？P1工程与架构重置 css 和标准化 css 的区别?你会选择哪种?为什么?P1工程与架构水平垂直居中P0coding / 布局实现三栏布局?P0coding / 布局实现类似 Bootstrap 的栅格布局P0coding / 布局实现砖块布局(Masonry Layout)P0coding / 布局如何实现响应式断点设计？P2coding / 布局CSS 如何实现固定长宽比的元素P2coding / 布局实现 table header 吸顶P1coding / 常用属性考察如何实现页面文本不可选中，不可复制P0coding / 常用属性考察三角形 borderP0coding / 常用属性考察CSS3实现卡片翻转？P1coding / 动效编程CSS如何实现打字机效果？P2coding / 动效编程CSS如何实现文本溢出处理？P1coding / 动效编程如何实现页面顶部自定义滚动进度条？P2coding / 动效编程CSS 新特性有哪些？P0杂项样式隔离方式有哪些？P1杂项如何避免全局样式污染？P0杂项PostCSS 是什么，作用是什么？P0杂项伪类和伪元素有什么区别？P0杂项▼nodejs74Node.js 和浏览器有什么区别？P0核心概念是否使用过 Node.js ，用在了哪些场景？P0核心概念Node.js 阻塞(Blocking) 和非阻塞(Non-blocking) 是什么意思，有什么作用？P0核心概念并行和并发有什么区别，node 是如何处理的？P0核心概念什么是环境变量，Node.js 如何管理配置环境变量？P0核心概念说一下 Node.js 的事件循环模型？P0核心概念Buffer 和 Stream 是什么，有什么区别？P0核心概念现代 Node.js 原生 TypeScript 运行时支持（Type Stripping）、内置 SQLite（node:sqlite）与安全权限控制模型（Permission Model）？P0核心概念CommonJS 与 ESM 模块系统区别？P0核心 API / 基础模块ESM 支持顶层异步，为什么 Node.js 中可以加载 ESM 模块?P0核心 API / 基础模块Node 原生支持哪些模块，有什么区别P0核心 API / 基础模块node 是如何实现 require 的？P1核心 API / 基础模块exports 和 module.exports 有什么区别？P1核心 API / 基础模块node 如何处理循环依赖P2核心 API / 基础模块讲一下 `node:module` 模块?P2核心 API / 基础模块用过 Events 模块么，讲解一下？P0核心 API / 基础模块什么是 Stream ，有什么作用？P0核心 API / 文件 IO什么是 Buffer？为什么在 Node.js 中需要它？P0核心 API / 文件 IO在什么场景下需要直接使用文件描述符？如何确保句柄正确关闭？P2核心 API / 文件 IO如何获取文件元信息？`fs.stat` 和 `fs.access` 的区别是什么？P2核心 API / 文件 IO`readFile`、`readFileSync` 和 `promises.readFile` 有何区别？P0核心 API / 文件 IO用过 readline 吗， 解决什么问题？P1核心 API / 文件 IO`path.join` 和 `path.resolve` 有什么区别？P1核心 API / 文件 IOTCP 与 UDP 的区别，Node.js 分别如何使用？P0核心 API / 网络为什么以及如何正确使用 HTTP Keep-Alive 与 Agent 连接复用？P0核心 API / 网络Node.js 中 DNS 解析：dns.lookup 与 dns.resolve 有何区别？P1核心 API / 网络什么是 Nagle 算法与延迟确认，何时需要 setNoDelay(true)？P1核心 API / 网络Socket/HTTP 流的背压如何处理？有哪些限流策略？P1核心 API / 网络如何实现最小可用的 HTTPS 与 HTTP/2 服务？P2核心 API / 网络nodejs 进程间如何通信?P0核心 API / 进程worker、child_process、cluster 是什么，有什么区别？P0核心 API / 进程用过 cluster 讲一下？P0核心 API / 进程Node 创建子进程方式有几种，有哪些区别?P0核心 API / 进程`child.kill` 与 `child.send` 有哪些区别？P0核心 API / 进程child_process.fork 与 POSIX 的 fork 有什么区别?P0核心 API / 进程nextTick/setImmediate/setTimeout 区别 ？P1核心 API / 工具vm 有什么作用？P0核心 API / 工具什么是包管理器，Node.js 下用过哪些包管理器，有什么区别？P0工具链生态 / 包管理器NPM 的架构是怎样的？P1工具链生态 / 包管理器NPM 存在哪些配置，分别有什么功能?P0工具链生态 / 包管理器package.json 中有哪些常用配置?P0工具链生态 / 包管理器什么是 monorepo 工程有哪些工具架构， 该如何选型 ？P3工具链生态 / 包管理器npm workspaces 是什么概念， 主要是解决什么问题P2工具链生态 / 包管理器幽灵依赖是什么？P1工具链生态 / 包管理器npm 有哪些常用命令？P1工具链生态 / 包管理器npx 了解多少？P0工具链生态 / 包管理器有写过 npm 包么，发布一个包涉及哪些流程？P0工具链生态 / 包管理器什么是 semver 规范，version 中 `~、^` 的含义是什么?P2工具链生态 / 包管理器patch package 是什么如何使用？P1工具链生态 / 包管理器axios 有哪些特性？P0工具链生态 / http 客户端axios 适配器是用来做什么的？P1工具链生态 / http 客户端axios 是如何区分是 nodejs 环境还是浏览器环境的？P1工具链生态 / http 客户端axios 拦截器(interceptor) 的原理？P0工具链生态 / http 客户端axios 如何实现取消请求的？P0工具链生态 / http 客户端解释下 axios withCredentials 配置的作用？P1工具链生态 / http 客户端如何使用Node.js创建全局命令行工具？P2工具链生态 / 其他工具什么是semantic-release？如何实现自动化版本管理？P1工具链生态 / 其他工具pm2 的原理是什么P1工具链生态 / 其他工具Express中间件(Middleware)的工作原理是什么？P0服务端与架构 / 服务端框架Koa洋葱模型的原理和实现是什么？P0服务端与架构 / 服务端框架什么是SSR，如何实现服务端渲染？P0服务端与架构 / 服务端框架Node.js如何连接和操作MySQL数据库？P0服务端与架构 / 数据库集成Node.js如何操作MongoDB数据库？P0服务端与架构 / 数据库集成数据库连接池的作用和配置是什么？P1服务端与架构 / 数据库集成PM2部署Node.js有哪些优势？P0服务端与架构 / 部署管理为什么前端团队需要引入 BFF 层？BFF 是如何处理服务聚合、裁剪与容灾熔断的？P0服务端与架构 / BFF 架构BFF 层与微服务 API 网关（API Gateway）的职责边界该如何划分？P1服务端与架构 / BFF 架构Node.js BFF 面对高并发请求时，如何利用流式聚合与连接池进行性能调优？P0服务端与架构 / BFF 架构什么是负载？如何查看Node.js运行负载？P0性能与监控Node.js有哪些错误类型，如何捕获错误？P0性能与监控如何进行Node.js内存优化？P0性能与监控什么是热更新，Node.js如何实现热更新？P0Node.js编程题如何设计一个日志系统？P0Node.js编程题实现一个命令行工具，统计输入目录下指定代码的行数P0杂项问题▼react80什么是 JSX?P0核心概念JSX 支持哪些功能？P0核心概念什么是 Virtual DOM, 它的作用是什么?P0核心概念Elements 和 Components 有什么区别？P0核心概念什么是 ReactNode 它和 Element 的区别是什么？P0核心概念什么是高阶组件 (Higher-Order Components HOC) ？P0核心概念state 和 props 区别是什么P1核心概念什么是 Context 如何使用?P0核心概念什么是渲染属性(render props) ?P0核心概念什么是 React Hooks，它解决什么问题？P0核心概念什么是 Reconciliation?P0核心概念什么是 合成事件(synthetic event) ，它有什么作用?P0核心概念React Fiber 是什么，解决什么问题?P0核心概念React 中纯函数的概念是什么？P0核心概念React 和 Vue 有什么区别？P0核心概念构建组件的方式有哪些?P0组件类组件继承 Component 和 PureComponent 有什么区别？P0组件类组件 和 Function Components 的区别？P1组件受控和非受控组件区别?P0组件React 有哪些内置组件？P0组件说一下 Suspense 和 lazy 的使用场景？P0组件createPortal 了解多少？P0组件说一下 ViewTransition 的使用 ?P1组件组件生命周期P0组件父组件如何调用子组件的方法?P1组件react 组件通信方式P0组件请求在哪个阶段发出，如何取消请求？P2组件jsx 返回 null undefined false true 区别？P2组件JSX 如何渲染 HTML 注释节点 ？P4组件React.Children.map 和 props.children 的区别P3组件setState() 是同步还是异步？？P1组件react 中的 key 有什么作用P0组件react 中如何引入样式P2组件React 内置了哪些 hooks ?P0钩子说一下 useState 的使用？P0钩子说一下 useRef？P0钩子useReducer 的作用，和 useState 有什么区别？P1钩子说一下 useEffect?P0钩子useLayoutEffect 和 useEffect 有什么区别?P0钩子useCallback 和 useMemo 有什么区别，如何使用？P1钩子useContext 的作用是什么 ？P0钩子useReducer 和 useState 有什么区别？P3钩子useInsertionEffect 有什么用？P2钩子useActionState 和 useFormStatus 有什么区别?P0钩子useDeferredValue 和 useTransition 的区别?P3钩子useImperativeHandle 的作用?P2钩子useSyncExternalStore 的作用?P2钩子useOptimistic 的作用?P2钩子useId 的作用?P3钩子useDebugValue 的作用?P3钩子写过哪些有意思的 hooks？P0钩子React 19 异步动作（Actions）新范式：useActionState、useOptimistic、use() Hook 与 React Compiler 自动记忆化？P0钩子说一下 React 中有哪些内置 API?P0APIcreateElement 和 cloneElement 的区别？P1APIReact Router 中 mode 有哪几种有什么区别？P0工具链 / 路由BrowserRouter、 HashRouter 、MemoryRouter 有什么区别？P0工具链 / 路由React Router 的路径支持哪些匹配模式?P0工具链 / 路由如何监听路由变化?P0工具链 / 路由react-router 页面间如何传递信息？P1工具链 / 路由React Router 如何实现类似 Vue 导航守卫效果？P0工具链 / 路由用过 redux 说下核心概念？P0工具链 / 工具链说一下 `redux`、`@reduxjs/toolkit`、`react-redux` 的区别？P1工具链 / 工具链redux 是如何实现中间件机制的？P1工具链 / 工具链redux-thunk 是什么？P2工具链 / 工具链react 中如何书写样式，有哪些模式？P1工具链 / 其他常用库react 和 react-dom 是什么关系？P0原理React 中 mode 是什么？P1原理Fiber 是什么，有哪些作用?P0原理react 是如何进行渲染的？P0原理react hooks 核心原理？P0原理ref 是如何实现的?P1原理为什么不能在循环、条件或嵌套函数中调用 Hooks？P0原理为什么要自定义合成事件P1原理lazy importP1原理react 优化手段有哪些？P0原理在 React 应用中如何排查性能问题?P2原理如何确定哪个数据变化引起的组件渲染?P2原理React Server Components (RSC) 底层架构：Flight 协议数据流、服务端组件与客户端 Hydration 交互机制？P0原理如何在 React 中实现类似 Vue keep-alive 的功能？P0编码如何实现转场动画？P1编码▼vue59Vue2 与 Vue3 的主要区别是什么？P0核心概念MVC、MVP、MVVM 是什么意思， Vue 属于哪种？P0核心概念什么是响应式？P0核心概念什么是组件？P0核心概念什么是虚拟 DOM (virtual DOM)和组件(Component)的关系是什么 ?P0核心概念组合式 API 是什么， 和选项式 API 的区别?P0核心概念什么是指令？P0核心概念什么是编译器宏？P1核心概念Vue2 和 Vue3 响应式系统的区别和原理？P0响应式watch 和 computed 有什么区别吗P0响应式ref 和 reactive 有何区别吗P1响应式watch 和 watchEffect 使用有何区别P0响应式provide inject 的使用场景？P1响应式说下 effectScope ？P2响应式Vue 3.5 响应式系统重大重构（版本计数器与双向链表）、Reactive Props 解构与 Vapor Mode 无虚拟 DOM 编译原理？P0响应式Vue 的组件有哪些类型?P0组件组件生命周期?P0组件组件包含哪些核心选项？P0组件什么是单文件组件, 如何使用？P0组件有用过 `<script setup>` 吗, 它和 option 方式有什么区别？P0组件`<style scope>` 是怎么做的样式隔离的P2组件什么是函数组件，和 JSX、渲染函数有什么关系？P0组件JSX 和采用单文件组件编写有哪些区别？P0组件什么是异步组件，是如何实现的？P1组件组件通信策略和方法有哪些？P0组件Vue 有哪些内置组件?P2组件Teleport 组件功能？P2组件KeepAlive 组件功能？P0组件component 元素了解么，它是如何实现动态挂载的？P2组件讲解一下插槽的使用？P2组件了解 Vue 组件的整个渲染流程么，如何处理挂载和更新的？P0组件Vue3 是怎么实现 template 支持多个根节点的？P0组件Vue 的 DOM diff 算法是如何实现的？P0组件SFC 是如何处理的P0组件有用过指令么，Vue 有哪些内置指令 ?P0指令有用过自定义指令么，说下使用场景？P0指令v-if 和 v-show 差别P0指令为何 v-if 和 v-for 不能同时用在同一个元素上？P0指令v-bind 和 v-model 有什么区别， 如何使用P1指令ref 的作用？P0指令修饰符P2指令vue 是如何识别和解析指令P0指令Vue 的 app 实例支持哪些方法和配置P1API有使用过 Vue 插件么，说下使用场景？P1API说一下 nextTick 的使用场景？P2API有使用过哪些 Vue 内置的组合式 API？P2APIvue 如何配置全局使用的定义或者常量P2API说一下日常使用 Vue 中涉及那些工具链？P0工具链说一下用过 Vue Router 哪些功能 ？P0工具链Vue Router histroy 和 hash 模式有什么区别？P1工具链路由守卫P0工具链vuex 和 Pinia 有什么区别P3工具链vuex 原理P2工具链针对 Vue 做过哪些性能优化P1工具链vue3 相比较于 vue2 在编译阶段有哪些改进P0工具链实现一个文件夹树组件，支持拖拽排序P0编码题实现一个 ErrorBoundary 组件，捕获子组件的错误并可自定义错误组件P1编码题实现下拉菜单，支持点击区域外关闭下拉组件？P1编码题实现一个简单的 i18n (国际化 (Internationalization) 的缩写) 插件P3编码题▼React Native57RN 的整体架构与渲染原理？P0架构与运行机制JS ↔ 原生通信是如何实现的？P0架构与运行机制Fabric 渲染管线是什么？P0架构与运行机制TurboModule 与旧 NativeModule 的差异？P0架构与运行机制Hermes 引擎的价值与限制？P1架构与运行机制UI 组件如何映射到原生控件？P1架构与运行机制事件与手势从原生回传 JS 的过程？P1架构与运行机制旧 → 新架构迁移路径与风险？P1架构与运行机制常见通信与渲染瓶颈有哪些？P2架构与运行机制React Native 工作原理是什么？P0React Native动画与手势应如何实现与优化？P1React Native布局与样式有哪些坑与最佳实践？P1React Native网络与离线能力如何设计？P1React Native调试与性能诊断如何落地？P1React Native本地存储方案如何取舍？P2React Native错误处理与崩溃治理如何做？P2React Native应用体积如何优化？P2React NativeMonorepo 与多包协作如何落地？P2React Native推送通知与消息到达如何实现？P1React NativeRN 状态管理如何选择与落地？P1React Native图片与资源加载如何优化？P1React NativeRN 测试体系如何搭建？P1React NativeDeep Link 与 Universal Link 如何落地？P1React Native权限与后台任务如何处理？P1React Native可访问性与国际化如何实践？P2React Native安全与数据保护的最佳实践？P2React NativeCI/CD 与构建交付如何设计？P2React NativeRN 的跨平台能力与局限是什么？P0React Native新架构 Fabric / TurboModule 与旧架构对比？P0React NativeRN 性能优化实战有哪些？P0React Native如何编写原生模块与原生 UI 组件？P1React Native导航方案如何选择与取舍？P1React Native打包发布与 OTA 有哪些要点？P1React NativeHermes 引擎的价值与限制是什么？P2React NativeJSBridge 是什么？原理是什么？P1React Native项目结构与多端适配如何设计？P0工程化与构建交付包体与资源如何优化与监控？P0工程化与构建交付CI/CD 与自动化发布如何落地？P1工程化与构建交付质量保障：测试体系如何搭建？P1工程化与构建交付监控与稳定性如何设计？P1工程化与构建交付登录鉴权链路如何设计？P0登录授权与网络存储权限与隐私合规如何落地？P0登录授权与网络存储请求层如何封装与容错？P1登录授权与网络存储本地存储与缓存策略？P1登录授权与网络存储首屏优化如何落地？P0性能与体验优化列表/滚动性能如何优化？P0性能与体验优化图片与资源加载如何优化？P1性能与体验优化动画与手势如何保证流畅？P1性能与体验优化弱网与离线体验如何设计？P1性能与体验优化性能度量与优化闭环如何建立？P2性能与体验优化相机/媒体能力如何封装？P0端能力与支付、安全与合规定位/地图如何处理权限与体验？P0端能力与支付、安全与合规蓝牙/NFC/系统能力如何适配？P1端能力与支付、安全与合规通知/推送到达如何保障？P1端能力与支付、安全与合规支付闭环如何设计与防护？P0端能力与支付、安全与合规数据安全与敏感信息保护如何做？P0端能力与支付、安全与合规合规与隐私政策如何落地？P1端能力与支付、安全与合规▼小程序38小程序整体架构与运行原理？P0架构与运行机制为什么小程序有逻辑层与渲染层两线程？P0架构与运行机制为什么不能直接操作 DOM？P0架构与运行机制setData 工作机制与性能陷阱？P0架构与运行机制页面/组件生命周期与事件模型？P1架构与运行机制JS 运行时(JSCore/V8/X5) 有何差异与限制？P1架构与运行机制页面/组件/全局的数据通信？P1架构与运行机制原生组件/同层渲染的作用与限制？P1架构与运行机制Worker/分线程如何使用？P2架构与运行机制WXS 在哪些场景合适？P2架构与运行机制项目结构与多端适配如何设计？P0工程化与构建交付分包、独立分包与按需加载策略？P0工程化与构建交付小程序的 CI/CD 与自动化发布？P1工程化与构建交付质量保障：Lint/单测/E2E 如何落地？P1工程化与构建交付监控与稳定性体系怎么搭？P1工程化与构建交付小程序拆包限制与优化建议？P2工程化与构建交付登录鉴权完整链路怎么设计？P0登录授权与网络存储用户授权能力与合规注意点？P0登录授权与网络存储请求层如何封装与容错？P1登录授权与网络存储存储与缓存策略如何选择？P1登录授权与网络存储首屏性能如何优化？P0性能与体验优化包体与资源体积如何控制？P0性能与体验优化长列表/滚动性能如何优化？P0性能与体验优化图片加载与显示如何提速？P1性能与体验优化setData 频率与数据量如何把控？P1性能与体验优化弱网与离线体验如何设计？P1性能与体验优化卡顿与掉帧如何定位？P1性能与体验优化动效与交互流畅度如何保障？P2性能与体验优化骨架屏/占位与渐进式渲染？P2性能与体验优化性能度量与优化闭环如何建立？P2性能与体验优化图片/视频/相机/扫码能力如何封装？P0端能力与支付、安全与合规定位/地图如何处理权限与体验？P0端能力与支付、安全与合规蓝牙/NFC/系统能力如何适配？P1端能力与支付、安全与合规支付闭环如何设计与防护？P0端能力与支付、安全与合规消息/通知与到达效果如何保障？P1端能力与支付、安全与合规数据安全与敏感信息保护如何做？P0端能力与支付、安全与合规合规与隐私政策如何落地？P1端能力与支付、安全与合规应急与回滚策略如何设计？P1端能力与支付、安全与合规▼nuxt18什么是 Nuxt，它解决了什么问题？P0Nuxt 核心概念Nuxt 与 Vue 有什么区别和联系？P0Nuxt 核心概念Nuxt 3 相比 Nuxt 2 有哪些重大改进？P1Nuxt 核心概念Nuxt 项目的标准目录结构是什么样的？P0目录结构pages 目录如何自动生成路由？P0目录结构layouts 目录的作用和使用方式？P1目录结构Nuxt 支持哪些渲染模式，各有什么特点？P0渲染模式什么是混合渲染，如何实现？P1渲染模式如何优化 Nuxt 应用的渲染性能？P2渲染模式Nuxt 的自动导入功能是如何工作的？P0自动导入如何自定义自动导入的组件和函数？P1自动导入自动导入对性能有什么影响？P2自动导入Nuxt 模块系统是什么，如何使用？P0模块系统如何开发和发布自定义 Nuxt 模块？P1模块系统如何选择合适的 Nuxt 模块？P2模块系统实现一个支持 SSR 的用户列表组件P0编程题实现一个支持深色模式的 Nuxt 应用P1编程题实现一个支持实时通信的聊天应用P2编程题▼electron8Electron 的多进程架构模型是怎样的？各个进程之间如何分工协作？P0进程模型与崩溃容灾Electron 主进程或渲染进程发生崩溃（Crash）时，如何捕获日志并进行容灾兜底？P0进程模型与崩溃容灾Electron IPC 通信有哪些方式？大数据量传输时如何避免卡顿并实现零拷贝？P0进程通信与安全防御Electron 桌面应用有哪些常见的安全风险？如何构建严密的安全防御基线？P0进程通信与安全防御Electron 中如何用 SharedArrayBuffer 与 Atomics 实现多进程共享内存通信？如何防御 IPC 死锁？P0进程通信与安全防御Electron 客户端冷启动耗时过长，你一般会采取哪些秒开与窗口预热策略？P0性能优化与自动更新Electron 多 Tab 页签架构下内存飙升怎么解决？页面挂起休眠机制是如何实现的？P0性能优化与自动更新Electron 跨平台桌面客户端的自动更新机制是如何设计的？如何支持灰度与版本回滚？P1性能优化与自动更新▼engineering121如何理解前端工程化？P0概念什么是前端模块化P0概念什么是同构P0概念什么是前端脚手架？为什么需要它？P1概念如何开发一个脚手架工具？P1概念日常有使用过 babel 么，用在哪些场景？P1编译与打包工具 / babelbabel 是如何工作的？P0编译与打包工具 / babel如何编写 babel 插件P1编译与打包工具 / babel有用过 webpack 或其他打包工具么，它们有什么特点解决什么问题？P0编译与打包工具 / webpackwebpack 的主要配置项有哪些P0编译与打包工具 / webpackmodule、chunk 、output 的区别P1编译与打包工具 / webpackloader 和 plugin 是什么，有什么区别, 用过哪些 loader 和 pluginP0编译与打包工具 / webpack如何写一个 loaderP1编译与打包工具 / webpack如何写一个 plugin ？P2编译与打包工具 / webpackwebpack 原理P0编译与打包工具 / webpackwebpack 输出的 bundle 是如何实现加载顺序不影响运行的P1编译与打包工具 / webpack了解 tapable 么？P2编译与打包工具 / webpackwebpack 优化P0编译与打包工具 / webpack说下异步加载P2编译与打包工具 / webpacktree-shakingP0编译与打包工具 / webpacksideEffects 属性的作用是啥P3编译与打包工具 / webpackwebpack externals 是如何加载外部依赖的P3编译与打包工具 / webpackwebpack5 Module FederationP3编译与打包工具 / webpackwebpack热更新原理是什么？P2编译与打包工具 / webpackwebpack-dev-server 的功能P2编译与打包工具 / webpacksource map 配置和原理P2编译与打包工具 / webpackVite 和 Webpack 的核心设计哲学与架构差异？P0编译与打包工具 / ViteVite Dev Server 的底层工作机制是什么，为什么快，有哪些局限？P0编译与打包工具 / ViteVite 开发环境原生 ESM 按需预构建（esbuild）底层工作机制与网络瀑布流消除原理？P0编译与打包工具 / ViteVite 模块热更新（HMR）底层原理与边界冒泡机制？P0编译与打包工具 / ViteVite 为什么开发和生产会采用不同工具链，带来了哪些权衡？P1编译与打包工具 / ViteVite 生产构建打包（Rollup / Rolldown）与未来 Rust 原生工具链统一演进路线？P1编译与打包工具 / Vite大型复杂 Webpack 项目平滑迁移至 Vite 的架构方案、踩坑点与工程落地？P1编译与打包工具 / Viterollup 为什么快P1编译与打包工具 / 其他打包器rollup 内联优化是什么？P2编译与打包工具 / 其他打包器eslint 是如何工作的？P1lint-testeslint 如何实现增量 lint?P1lint-testTDD、BDD、DDD 分别指？P2lint-test测试金字塔与主流测试类型有哪些？P1lint-test单元测试和端到端测试的区别？P1lint-test如何针对 React Hooks 写单测？P3lint-test代码覆盖率一般有什么手段？P2lint-test常用的 git 命令有哪些？P1git在开发过程中，想做 git 代码暂存，该如何做P2gitgit-rebaseP2gitgit bisectP4gitgit pull 和 git fetch 区别P2gitgit 仓库迁移应该怎么操作？P2gitgit 中回滚代码有哪些操作？P1gitgit reset 作用是啥，有哪些操作？P1gitgit merge 和 git rebase 区别P1gitCI 和 CD 的区别P0部署集成前端应用 CICD 有哪些方式实现P1部署集成应用如何做应用灰度发布P3部署集成浏览器架构及主要组成部分？P0性能优化 / 浏览器原理常见浏览器内核及区别？P0性能优化 / 浏览器原理输入 url 到页面渲染全过程？P0性能优化 / 浏览器原理什么是合成阶段(Compositing)？P2性能优化 / 浏览器原理什么是光栅化(raster)，软件光栅化和 GPU 光栅化的区别？P2性能优化 / 浏览器原理DOM/CSSOM/渲染树构建？P0性能优化 / 浏览器原理事件循环原理、宏任务与微任务？P0性能优化 / 浏览器原理重排和和重绘及优化？P0性能优化 / 浏览器原理浏览器渲染进程内存结构是怎样的？P2性能优化 / 浏览器原理浏览器缓存中 Memory Cache 和 Disk Cache， 有啥区别？P0性能优化 / 浏览器原理如何做性能优化的？P0性能优化 / 方法和指标和工具常用性能指标P0性能优化 / 方法和指标和工具有哪些前端性能分析工具P0性能优化 / 方法和指标和工具说一下 Performance APIP0性能优化 / 方法和指标和工具说一下什么是 FCP?P2性能优化 / 方法和指标和工具FP、FCP 有什么区别和白屏时间有什么关系？P2性能优化 / 方法和指标和工具如何统计资源加载耗时？P0性能优化 / 方法和指标和工具如何监控卡顿?P1性能优化 / 方法和指标和工具如何实现自定义指标采集？P2性能优化 / 方法和指标和工具如何计算白屏率?P2性能优化 / 方法和指标和工具CSS 加载是否阻塞 DOM 解析、渲染和 JavaScript 执行？P2性能优化 / 资源加载`@import` 是否会阻塞主线程？P1性能优化 / 资源加载什么是文档的预解析P0性能优化 / 资源加载什么是资源预热，有哪些手段？P0性能优化 / 资源加载如何优化 DOM 来提升性能？P0性能优化 / 渲染和运行时DOM 和 GPU 加速的关系？P0性能优化 / 渲染和运行时如何优化 CSS 来提升性能？P0性能优化 / 渲染和运行时图片优化策略?P0性能优化 / 图像和多媒体图片懒加载原理？P0性能优化 / 图像和多媒体请解释什么是精灵图（css sprites），以及如何实现？P1性能优化 / 图像和多媒体常见 web 安全问题P0安全什么是 CSP?P0安全csrfP0安全xsrfP0安全xssP0安全前端如何防止加载外域脚本？P0安全什么是 SRI 作用是什么?P0安全如果用户说 web 应用感觉很反应慢或者卡顿，该如何排查？P0调试能力如何定位一个偶现的问题？P2调试能力如何禁止别人调试自己的前端页面代码？P2调试能力用户访问页面白屏了，原因是什么，如何排查？P2调试能力网页卡顿问题排查（Jank）P0调试能力Source Map 原理与应用P0调试能力内存泄漏定位与排查P0调试能力页面崩溃监控与排查P0调试能力实现 Awaited 类型定义P2编码应用上线后， 怎么通知用户刷新当前页面？P2编码简单实现一个洋葱模式中间件P0编码大文件上传了解多少P0编码解决重复引用 node_modules 里面的不同版本的包(包重复问题)P1编码SEO 技术优化策略有哪些？P0杂项eslint 该如何配置P2杂项eslint 有哪些实用的插件， 该如何配置P2杂项ESLint 如何集成到 webpackP2杂项如何定制化开发一个 eslint 插件，功能是实现提示检验某一个项目里面的字符串 errorP2杂项请解释什么是 ARIA 和屏幕阅读器 (screenreaders)，以及如何使网站实现无障碍访问 (accessible)？P2杂项Polyfill 和 shim 有什么区别？P1杂项corejs 是做什么用的？P2杂项描述 SEO 的最佳实践或你最近使用的技术P2杂项什么是 FOUC (无样式内容闪烁)？你如何来避免 FOUC？P2杂项请谈谈你对网页标准和标准制定机构重要性的理解？P2杂项日志监控：如何还原用户操作流程P2杂项source map 可有办法将请求的调用源码地址包括代码行数也上报上去P1杂项如何做国际化？P2杂项站点如何防止爬虫？P2杂项SemVer（Semantic Versioning）P0杂项如何在前端团队快速落地代码规范P0杂项▼typescript28TypeScript中有哪些基础类型，各自的作用是什么？P0核心类型系统any、never、unknown、null、undefined和void有什么区别？P0核心类型系统什么是联合类型？如何使用？P1核心类型系统什么是类型断言？有哪些方式？P1核心类型系统什么是类型守卫？如何实现？P1核心类型系统介绍TypeScript中的类型兼容性——逆变、协变、双向协变和不变P2核心类型系统is关键字的作用是什么？P1核心类型系统typeof、instanceof、in操作符在TypeScript中的作用P1核心类型系统如何使用unknown类型替代any？P1核心类型系统TypeScript中的类型推断机制是如何工作的？P2核心类型系统TypeScript中的泛型是什么？如何使用？P0高级类型特性什么是条件类型？infer关键字如何使用？P1高级类型特性什么是映射类型？如何自定义映射类型？P1高级类型特性TypeScript内置工具类型有哪些？如何使用？P0高级类型特性extends关键字在TypeScript中有哪些用法？P1高级类型特性什么是模板字面量类型？如何使用？P2高级类型特性如何实现一个深度递归的类型工具？P2高级类型特性interface和type有什么区别？何时使用哪个？P0类型声明和定义枚举和常量枚举有什么区别？P1类型声明和定义const和readonly有什么区别？P1类型声明和定义in操作符在TypeScript中的作用是什么？P1类型声明和定义什么是声明文件？如何编写.d.ts文件？P2类型声明和定义如何扩展已有的类型或模块？P2类型声明和定义tsconfig.json中有哪些重要的配置项？P0配置和工程实践types和typeRoots有什么区别和作用？P1配置和工程实践JS项目如何迁移到TypeScript？P1配置和工程实践编译选项中的严格模式配置有哪些？P1配置和工程实践路径映射（Path Mapping）如何配置和使用？P1配置和工程实践▼AI 智能工程✅30什么是 Token？为什么计算机与大模型不能直接处理字符，而要有 Token 的概念？P0核心基础概念 (Core Foundations)什么是大语言模型（LLM）？什么是自回归机制（Next-Token Prediction）？给传统前端带来了什么根本挑战？P0核心基础概念 (Core Foundations)什么是 Prompt Engineering？System Prompt 与 User Prompt 有何区别？采样参数（Temperature / Top-P）如何影响输出？P0核心基础概念 (Core Foundations)前端在处理多轮长上下文交互时，如何设计合理的 Token 计量与动态预算管理机制？P1核心基础概念 (Core Foundations)前端工程师需要了解的 Transformer 架构：什么是 Self-Attention（自注意力机制）？多头注意力（Multi-Head Attention）解决了什么？P0大模型原理与前端认知 (LLM Architecture & Mental Models)为什么大模型会产生幻觉（Hallucination）？前端能从工程上做什么来防范和降低幻觉？P0大模型原理与前端认知 (LLM Architecture & Mental Models)什么是结构化输出（Structured Outputs）？为什么基于 JSON Schema / Zod 约束比纯自然语言 Prompt 更可靠？P0大模型原理与前端认知 (LLM Architecture & Mental Models)什么是 Embedding（向量嵌入）？向量空间与余弦相似度在前端语义搜索中是如何工作的？P1大模型原理与前端认知 (LLM Architecture & Mental Models)前端如何实现类似 ChatGPT 的打字机流式响应？SSE 与 Fetch ReadableStream 该如何选择？P0大模型流式交互与生成式 UI (Streaming Interaction & Generative UI)大模型流式输出 Markdown 时，如何避免代码块、公式与 Mermaid 图表解析闪烁？P0大模型流式交互与生成式 UI (Streaming Interaction & Generative UI)什么是生成式 UI（Generative UI）？如何安全渲染模型动态生成的 React/Vue 组件并防止 XSS？P0大模型流式交互与生成式 UI (Streaming Interaction & Generative UI)在大模型多轮分支对话交互中，复杂会话树状态机与撤销重试是如何设计的？P1大模型流式交互与生成式 UI (Streaming Interaction & Generative UI)什么是智能体（Agent）？Agent 的四大核心要素（LLM 大脑、规划 Planning、记忆 Memory、工具 Tools）是什么？P0智能体工程与前端载体 (Agent Engineering & Frontend Harness)业界主流的 Agent 产品与框架有哪些（Cursor / Claude Code / AutoGen / LangGraph / CrewAI）？它们的架构选型与适用场景是什么？P0智能体工程与前端载体 (Agent Engineering & Frontend Harness)Agent 主要的扩展手段有哪些？除了 Function Calling / Tool Use，MCP 协议、Skills 机制与 Subagent 多智能体协作是如何扩展 Agent 能力的？P0智能体工程与前端载体 (Agent Engineering & Frontend Harness)前端如何架构大模型 Agent 交互界面（Agent Harness）？ReAct 规划决策轨迹与思考链流式可视化？P0智能体工程与前端载体 (Agent Engineering & Frontend Harness)Agent 执行高风险工具（如删除文件、对外转账）时，前端如何设计 Human-in-the-Loop (HITL) 动态授权拦截门禁？P0智能体工程与前端载体 (Agent Engineering & Frontend Harness)如何设计类似 Dify / Coze 的可视化 DAG 工作流编排画布？拓扑排序与流式执行调试如何落地？P0智能体工程与前端载体 (Agent Engineering & Frontend Harness)Model Context Protocol (MCP) 协议在前端是如何工作的？它与传统 Function Calling 有什么区别？P0协议生态与质量工程 (Protocols & Ecosystem)团队引入 Cursor / Copilot / Claude Code 后，如何建立代码质量门禁（Quality Gate）与防范幻觉？P0协议生态与质量工程 (Protocols & Ecosystem)什么是 Spec-Driven Development (SDD)？如何通过规则资产库约束大模型生成符合架构的代码？P0协议生态与质量工程 (Protocols & Ecosystem)如何搭建大模型应用或 Agent 的自动化评测（Eval）体系？指标如何量化？P1协议生态与质量工程 (Protocols & Ecosystem)浏览器端侧如何运行轻量大模型？WebGPU 与 Transformers.js / WebLLM 的工作原理是什么？P1端侧推理与底层运行机制 (Runtime & Internals)前端如何构建端侧本地 RAG 系统？文档分块与余弦相似度检索是如何落地的？P0端侧推理与底层运行机制 (Runtime & Internals)Agent 长会话场景下，面对有限的上下文窗口，如何设计多级记忆管理与滑动压缩机制？P1端侧推理与底层运行机制 (Runtime & Internals)什么是 Prompt Caching（前缀缓存）与 KV-Cache 状态优化？静态与动态上下文编排如何降低时延与成本？P0端侧推理与底层运行机制 (Runtime & Internals)手写实现一个包含工具调用与终止条件的最小 Agent 运行时循环（Agent Loop）？P0前端 AI 核心手写实战题 (Coding Practice)手写实现一个平滑打字机缓冲队列（Smooth Typing Buffer Queue）？P0前端 AI 核心手写实战题 (Coding Practice)手写实现纯前端带重叠窗口（Overlap）的递归文档切分与余弦相似度检索器？P0前端 AI 核心手写实战题 (Coding Practice)手写实现基于 Promise 控制反转模式的 Human-in-the-Loop 授权拦截管理器？P0前端 AI 核心手写实战题 (Coding Practice)▼数据结构和算法73什么是大 O 表示法，它的作用是什么？P0复杂度分析说一下 Array 的常用方法?P0数组数组合并？P0数组三数求和？P0数组两数求和问题？P0数组最大子数组和P0数组寻找数组中的第 k 大元素P0数组Fizz Buzz 问题P0数组寻找首次匹配子序列P0数组移动零P0数组字符串匹配P1字符串字符串转换为整数P2字符串最长回文子串P0字符串字符串的全排列P0字符串字符串的子序列P0字符串无重复字符的最长子串P0字符串大数字符串相加/相乘P0字符串LRU缓存机制如何实现？P0哈希和散列表TreeMap和HashMap的区别是什么？P1哈希和散列表一致性哈希如何实现？P2哈希和散列表洗牌算法如何实现？P2哈希和散列表HashMap的并发问题有哪些？P1哈希和散列表说一下栈和队列的结构的特点？P1栈和队列括号匹配P0栈和队列递减栈温度匹配P0栈和队列最小栈P0栈和队列双端队列最近的较大元素P0栈和队列数组转换为链表?P0链表单向链表结构实现?P0链表合并两个有序链表P0链表删除存在重复值的节点P0链表删除倒数第 n 个节点P0链表翻转链表P0链表k 个一组翻转链表P0链表判断单向链表是否是循环链表P0链表定位环起点P0链表数组转换为树P0树深度遍历？P0树广度遍历？P0树树的先序,中序,后续?P1树图的遍历P0图最短路径算法P0图最小生成树P0图拓扑排序P0图打印所有长度为 n 的二进制数P0回溯子集P0回溯组合问题P0回溯全排列P0回溯组合总和P0回溯N 皇后问题P0回溯爬楼梯P0动态规划斐波那契数列P0动态规划最长递增子序列P0动态规划编辑距离P0动态规划背包问题P0动态规划路径规划P0动态规划常见数组排序算法有哪些？P0排序手写冒泡排序（Bubble Sort）原理与实现？P0排序手写快速排序（Quick Sort）原理与双指针分区？P0排序手写选择排序（Selection Sort）原理与实现？P1排序手写插入排序（Insertion Sort）原理与实现？P1排序希尔排序（Shell Sort）缩小增量原理与实现？P2排序手写归并排序（Merge Sort）分治思想与实现？P0排序桶排序（Bucket Sort）原理与空间换时间权衡？P1排序计数排序（Counting Sort）原理与离散映射？P1排序二分查找如何实现？P0搜索树结构查找如何实现？P1搜索UTF-8、ASCII、UTF-16有什么区别？P0编码Base64编码原理是什么？P1编码霍夫曼编码如何实现？P2编码大数字符串运算如何实现？P0杂项海量数据中如何找TopK？P1杂项岛屿数量问题如何解决？P0杂项▼network89网络模型P0概念网络的核心指标有哪些P1概念常见网络协议有哪些P2概念什么是 MAC 地址？P0IP什么是 IP 地址？P0IPIP 地址的分类和子网划分P1IP什么是 IPv4 和 IPv6？P0IPIP 报文的组成和结构P2IP什么是 NAT？NAT 的作用是什么？P2IP什么是 IP 分片？P3IP什么是 ARP 和 RARP？P4IP概述下 UDP 的功能P1udp tcp概述下 tcp 的功能P0udp tcpTCP 和 UDP 的区别和应用场景P1udp tcpTCP 报文的组成和结构字段解析？P0udp tcpTCP 三次握手流程，为什么需要三次握手？P0udp tcp什么是 TCP 快速启动P1udp tcpTCP 四次挥手流程，为什么需要四次挥手与 TIME_WAIT 状态？P0udp tcpTCP 如何保证数据包传输的有序可靠P1udp tcpTCP 的重传机制是怎样的P2udp tcpTCP粘包了解多少P0udp tcpTCP 拆包了解多少P0udp tcp什么是 TCP 流量控制，如何配置？P1udp tcp什么是 TCP 拥塞控制，如何配置？P1udp tcpHTTP 基本流程P0http / HTTP 基础协议HTTP 协议有什么特点？P0http / HTTP 基础协议HTTP 报文组成部分？P0http / HTTP 基础协议HTTP 请求方法详解P0http / HTTP 基础协议GET 和 POST 的区别？P0http / HTTP 基础协议HTTP 状态码详解P0http / HTTP 基础协议什么是 HTTP 持久连接？P1http / HTTP 基础协议什么是 HTTP 管线化？P2http / HTTP 基础协议HTTP 重定向机制P0http / HTTP 基础协议HTTP 向 HTTPS 重定向状态码P1http / HTTP 基础协议URL 的长度限制P2http / HTTP 基础协议浏览器队头阻塞优化P2http / HTTP 基础协议常见的 HTTP 请求头和响应头P1http / HTTP 头部和消息HTTP 头部字段详解P1http / HTTP 头部和消息HTTP Content-Type 详解P1http / HTTP 头部和消息application/xml 和 text/xml 的区别P2http / HTTP 头部和消息HTTP 中的 CSP 安全策略P4http / HTTP 头部和消息HTTP 中的 HSTS 机制P4http / HTTP 头部和消息正向代理和反向代理P0http / HTTP 头部和消息数字证书详解P0http / HTTP 头部和消息切片上传 vs 整体上传P3http / HTTP 头部和消息HTTP 缓存控制策略P1http / HTTP 缓存机制Expires 和 Cache-Control 的区别P1http / HTTP 缓存机制Application Cache API 缓存机制P2http / HTTP 缓存机制Service Worker 缓存机制P2http / HTTP 缓存机制Expires 和 Cache-Control 的区别P1http / HTTP 缓存机制Application Cache API 缓存机制P2http / HTTP 缓存机制Service Worker 缓存机制P2http / HTTP 缓存机制Date 与 Last-Modified 的区别P1http / HTTP 缓存机制no-cache 与 no-store 的区别P1http / HTTP 缓存机制ETag 值改变与文件内容P1http / HTTP 缓存机制HTTP/1.1、HTTP/2、HTTP/3 区别详解P1http / HTTP 版本演进和 HTTPS如何从 HTTP/1.1 迁移到 HTTP/2P0http / HTTP 版本演进和 HTTPSHTTP/1.1 keep-alive 和 HTTP/2 多路复用的区别P0http / HTTP 版本演进和 HTTPSHTTP/2 多路复用详解P0http / HTTP 版本演进和 HTTPSHTTP/2 首部压缩机制P1http / HTTP 版本演进和 HTTPS为何 HTTP/2 快速过渡到 HTTP/3P0http / HTTP 版本演进和 HTTPSHTTP/3 核心新特性P3http / HTTP 版本演进和 HTTPS深入研究 HTTPSP1http / HTTP 版本演进和 HTTPSHTTPS 性能优化P1http / HTTP 版本演进和 HTTPSTLS 和 SSL 的区别P0http / HTTP 版本演进和 HTTPSHTTPS 安全协议P3http / HTTP 版本演进和 HTTPS什么是跨域资源共享 (CORS)？它用于解决什么问题？P2http / 跨域和状态管理预检请求的作用P3http / 跨域和状态管理如何避免 CORS 中的安全问题P3http / 跨域和状态管理Cookie 详解P2http / 跨域和状态管理站点如何保持登录状态P1http / 跨域和状态管理Session 会话管理详解P2http / 跨域和状态管理AJAX 工作原理P2http / 跨域和状态管理JSONP 原理和回调过程详解P2http / 跨域和状态管理CDN 的概念及作用？P0CDN什么是 CDN 预热？P1CDNCDN 刷新是什么？P1CDNCDN 缓存策略有哪些？P1CDNCDN 是如何工作的？P1CDN什么是 WebSocket？它与 HTTP 的主要区别是什么？P0WebSocket请详细描述 WebSocket 握手过程及数据帧格式?P1WebSocketDNS 协议了解多少？P0DNS如何加快 DNS 的解析？P1DNSDNS 解析方式和流程P0DNS完整域名的构成部分P1DNS什么是 DNS 劫持？P3DNS可有办法判断用户的网络条件, 判断网速快慢，网络状态？P1其他web 应用中如何对静态资源加载失败的场景做降级处理P0其他怎么处理连接雪崩问题?P0其他▼os7什么是 inode？P0index软链接和硬链接的区别是什么？P0index常见的文件系统有哪些区别？P1index进程和线程有什么区别？P0index什么是进程间通信(IPC)？P1index操作系统的权限管理模型有哪些？P2index操作系统是如何管理内存的？P1index▼system-design96系统设计的一般流程是什么？P0系统方法论与容量如何进行容量估算并转化为资源指标？P0系统方法论与容量当 QPS 达到峰值时如何处理？P1系统方法论与容量如何定义 SLI/SLO 与错误预算？P1系统方法论与容量前端性能预算与容量的关系？P2系统方法论与容量如何设计限流、熔断、降级策略？P1系统方法论与容量回滚与灰度策略如何制定？P2系统方法论与容量如何制定成本与权衡记录？P2系统方法论与容量压测方案与容量回归如何执行？P2系统方法论与容量故障演练与复盘要点？P2系统方法论与容量前端如何利用 CDN 与负载均衡？P1交付与缓存SSR/SSG/ISR 的缓存如何取舍？P1交付与缓存将静态资源缓存在本地的方式？P0交付与缓存SPA History 路由 Nginx 配置？P1交付与缓存如何解决页面请求与资源下载的大规模并发？P1交付与缓存如何设计缓存失效与预热策略？P1交付与缓存如何防止缓存穿透/击穿/雪崩？P1交付与缓存边缘计算与函数如何参与渲染？P2交付与缓存前端资源优先级与连接策略？P2交付与缓存图片与媒体的多级缓存策略？P2交付与缓存A/B 与灰度对缓存的一致性影响？P2交付与缓存端到端缓存观测与告警？P2交付与缓存如何设计幂等与防重放，兼顾最终一致性？P1存储与一致性读写路径如何优化与隔离？P1存储与一致性分区与一致性哈希如何选择？P2存储与一致性副本与复制策略如何取舍？P2存储与一致性如何处理事务与一致性等级？P2存储与一致性搜索与索引设计要点？P2存储与一致性数据冷热分层与成本优化？P3存储与一致性事件溯源与补偿实践？P2存储与一致性前端缓存与服务端一致性协调？P2存储与一致性跨区域多活下的数据一致性？P2存储与一致性如何在前端架构中选择 BFF/GraphQL/REST？P1集成与接口Cookie/Session/JWT/OAuth2/SSO 取舍？P1集成与接口单点登录（SSO）的一般流程？P1集成与接口如何设计上传：分片与断点续传？P1集成与接口API 幂等与重试退避如何落地？P1集成与接口前端安全基线与风控接入？P2集成与接口BFF 的限流、熔断、降级？P2集成与接口API 版本与演进策略？P2集成与接口下载与断点续传/范围请求？P2集成与接口大表单/批处理接口设计？P2集成与接口第三方集成回调/签名校验？P2集成与接口WebSocket/SSE/WebRTC 取舍？P1实时与弹性如何用消息队列与流式计算削峰填谷？P1实时与弹性如何设计回压与排队策略？P2实时与弹性连接与会话的弹性治理？P2实时与弹性端到端观测指标如何定义？P1实时与弹性在线协作/IM 的实时一致性？P2实时与弹性推送/订阅的多租户隔离？P2实时与弹性边缘推送与离线能力？P2实时与弹性实时系统的压测与演练？P2实时与弹性故障注入与自愈策略？P2实时与弹性模版引擎实现原理P0系统设计 · 架构什么是领域模型（DDD）与前端如何划分？P1系统设计 · 架构如何理解前端架构？P0系统设计 · 架构前端架构和前端工程化有什么区别？P0系统设计 · 架构前端路由的实现原理（Hash/History）P0系统设计 · 架构实现 JS 沙盒的方式有哪些？P0系统设计 · 架构面对超万行严重腐化的前端遗留系统，如何用绞杀者模式进行渐进式重构？P0前端系统设计 · 现代架构与核心战役大型前端 Monorepo 项目中，如何进行依赖治理与增量构建缓存加速？P0前端系统设计 · 现代架构与核心战役如何设计一套跨 Web、小程序和桌面端的多端统一 SDK 架构？P0前端系统设计 · 现代架构与核心战役前端如何搭建全链路性能监控体系？核心指标（LCP、INP、CLS）如何采集与告警？P0前端系统设计 · 现代架构与核心战役微前端技术方案该如何选型？iframe、qiankun、wujie 与模块联邦有什么优缺点？P0前端系统设计 · 现代架构与核心战役前端如何实现离线可用与弱网重试？多人协作下的数据冲突如何消解？P0前端系统设计 · 现代架构与核心战役实现 Tooltip 组件？P0场景设计实战 / 如何设计组件库？实现支持 API 调用的 Modal 组件？P0场景设计实战 / 如何设计组件库？实现 Message/Notification 组件？P2场景设计实战 / 如何设计组件库？实现 Form 组件，支持联动校验？P0场景设计实战 / 如何设计组件库？实现 Select/Autocomplete？P1场景设计实战 / 如何设计组件库？实现 Cascader ？P2场景设计实战 / 如何设计组件库？实现树组件？P1场景设计实战 / 如何设计组件库？实现 Table 组件？P0场景设计实战 / 如何设计组件库？实现分页组件 Pagination？P2场景设计实战 / 如何设计组件库？实现日期选择器组件支持范围选择？P2场景设计实战 / 如何设计组件库？实现 Upload 组件？P1场景设计实战 / 如何设计组件库？实现 Tabs 组件？P2场景设计实战 / 如何设计组件库？实现 Popover/Popconfirm ？P1场景设计实战 / 如何设计组件库？实现吸顶组件 Affix ?P2场景设计实战 / 如何设计组件库？实现骨架图组件 Skeleton?P2场景设计实战 / 如何设计组件库？虚拟列表？P0场景设计实战 / 如何设计组件库？实现类似 Swiper 的幻灯片组件?P0场景设计实战 / 如何设计组件库？实现节点连线效果?P1场景设计实战 / 如何设计组件库？实现电梯导航?P0场景设计实战 / 如何设计组件库？实现长文本溢出自动折叠？P2场景设计实战 / 如何设计组件库？如何设计 Twitter/Feed 系统？ ✅P0场景设计实战 / feed前端登录鉴权如何设计？✅P0场景设计实战 / login如何设计低代码平台？✅P0场景设计实战 / lowcode如何实现一个前端沙箱系统？ ✅P0场景设计实战 / sandbox如何实现一小时内的 Top10 播放榜？ ✅P0场景设计实战 / top10如何从 0 到 1 搭建前端基建？ ✅P1场景设计实战 / infruscture如何设计图床系统？✅P1场景设计实战 / tuchuang如何设计短链系统？✅P1场景设计实战 / shorturl如何设计云盘系统？✅P1场景设计实战 / netdisk前端如何用 Canvas 实现电影院选座？ ✅P1场景设计实战 / shopping如何做好前端监控方案？ ✅P1场景设计实战 / apm▼编程范式12什么是面向对象编程（OOP）？它与函数式编程有何区别？P1面向对象函数式编程了解多少？P1函数式函数副作用具体指什么P0函数式函数柯里化是什么？P0函数式什么是高阶函数，它和柯里化有什么区别？P1函数式什么是偏函数 ？P2函数式什么是 Compose ？P1函数式什么是管道 (Pipeline)？P1函数式什么是函子？P2函数式什么是 Monad?P2函数式续延传递风格 Continuation-Passing Style （简写 CPS）P0函数式λ 演算是什么P3函数式▼interview13当和上级或同事意见不同时，你是如何处理的？P0软技能面试有什么问题要问我？P0软技能面试你最近遇到过什么技术挑战？你是如何解决的？P0软技能面试你通过哪些方式获取前端学习资源？P0软技能面试描述一下你编写一个页面的完整工作流程？P1软技能面试你昨天/上周学了什么新东西？P1软技能面试你有设计过通用组件吗？能介绍一下设计思路吗？P0软技能面试说一下你熟悉的版本控制系统和工作流程？P1软技能面试如何在项目中考虑UI、安全性、性能、SEO、可维护性等因素？P1软技能面试能说说你最得意的项目吗？P0软技能面试编写代码的哪些方面最让你兴奋？P2软技能面试如果你今年要掌握一项新技术，会选择什么？P2软技能面试你写代码时如何保证细节的准确性？P1软技能面试进行中0正在积极开发中已完成0已经完成的项目