待办1030这个项目还未开始▼js117JavaScript 中有几种数据类型 ?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 引擎原理`['1', '2', '3'].map(parseInt)` 输出结果？P1编码题 / 语言和 API铺平嵌套数组P2编码题 / 语言和 API手写实现 instanceofP0编码题 / 语言和 API手写实现 Object.createP1编码题 / 语言和 API手写 JSON.stringify 和 手写 JSON.parse 实现P0编码题 / 语言和 API实现 PromiseP0编码题 / 语言和 API实现 `Promise.allSettled`P0编码题 / 语言和 API手写代码实现 promise.allP0编码题 / 语言和 API手写代码实现 promise.raceP0编码题 / 语言和 APIpromise.finally 怎么实现的？P0编码题 / 语言和 API实现 async 函数P0编码题 / 语言和 API实现 new 操作符P0编码题 / 语言和 API下面代码中 a 在什么情况下会打印 1 ?P0编码题 / 核心概念深拷贝和浅拷贝P0编码题 / 核心概念实现一个 sum 函数，支持任意个参数的累加，在 console.log 时输出结果？P1编码题 / 核心概念模拟new操作P0编码题 / 核心概念实现链式调用 ？P0编码题 / 核心概念实现 lodash debounce ?P0编码题 / 工具函数实现 lodash throttleP0编码题 / 工具函数实现 dayjs format 函数P1编码题 / 工具函数实现类似 dayjs [difference](https://day.js.org/docs/en/display/difference) 函数P1编码题 / 工具函数实现 lodash isEqual 函数P1编码题 / 工具函数实现管道函数P0编码题 / 工具函数实现一个缓存函数P0编码题 / 工具函数如何做 promise 缓存？上一次调用函数的 promise 没有返回， 那么下一次调用函数依然返回上一个 promiseP0编码题 / 工具函数数字千分化的实现方式有哪些？用代码实现一下P0编码题 / 工具函数统计前端请求耗时P2编码题 / 业务场景代码cookie 解析函数P2编码题 / 业务场景代码如何封装一个请求，让其多次调用的时候，实际只发起一个请求的时候，返回同一份结果P1编码题 / 业务场景代码使用 Promise 实现一个异步流量控制的函数(限制并发数)P0编码题 / 业务场景代码集合运算P0编码题 / 业务场景代码▼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属性事件冒泡是什么?P0事件事件委托的作用和意义？P1事件说明 load,ready,DOMContentLoaded 的区别P1事件stopImmediatePropagation 和 stopPropagation 区别P1事件mouseEnter、mouseLeave、mouseOver、mouseOut 有什么区别？P2事件dragP0事件拖曳控制窗口P2事件页面语义化与地标如何设计？P0无障碍按钮组件的可访问性该如何实现？P0无障碍表单如何实现标签关联与错误宣告？P0无障碍模态对话框如何保证键盘可达和焦点管理？P1无障碍动态内容如何被读屏及时宣告？P1无障碍图像的替代文本应如何编写？P1无障碍取出一个 html 树，并返回标签类型和各标签出现次数？P0HTML 编程实现查找页面出现次数最多的 HTML 标签P0HTML 编程实现前端如何快速获取页面 URL query 参数P0HTML 编程实现实现文本溢出 popover 效果P0HTML 编程实现不使用 setTimeout 来实现 setIntervalP1HTML 编程实现说一下 HTMl 下有哪些元素P0elements / 元信息和资源HTML5 中 meta 标签作用是啥P0elements / 元信息和资源header 的作用 和 head 的区别P1elements / 元信息和资源为什么通常推荐将 CSS `<link>` 放置在 `<head></head>` 之间，而将 JS `<script>` 放置在 `</body>` 之前？你知道有哪些例外吗？P2elements / 元信息和资源link 标签有哪些属性，作用是什么？P0elements / 元信息和资源请解释 `<script>、<script async> 和 <script defer>` 的区别P0elements / 元信息和资源script 标签设置 `type=module` 和普通脚本有什么区别？P0elements / 元信息和资源script 标签设置 `type=module` 和普通脚本有什么区别？P0elements / 元信息和资源script 标签设置 `type="importmap"` 是什么，用来解决什么问题？P1elements / 元信息和资源HTML5 语义化结构元素有哪些，如何使用？P0elements / 结构元素如何选择合适的内容分组元素？P1elements / 结构元素列表元素的使用场景和可访问性实践？P2elements / 结构元素简述 `<iframe>` 的优缺点及常见应用场景P1elements / 内容元素a 标签如何保存文件？P2elements / 内容元素HTML 表格的基本结构有哪些元素？P0elements / 内容元素如何实现表格的可访问性最佳实践？P1elements / 内容元素如何处理复杂表格的合并单元格？P2elements / 内容元素input 类型有哪些？P2elements / 内容元素`<details>` 和 `<summary>` 元素如何使用？P0elements / 内容元素`<dialog>` 元素的功能和使用场景？P1elements / 内容元素如何创建现代化的交互式组件？P2elements / 内容元素web components 了解多少?P0elements / 内容元素说一下 BOM 对象 ？P0webapi / BOM 和 DOMDOM0 到 DOM3 区别？P0webapi / BOM 和 DOMdom.containsP2webapi / BOM 和 DOM如何优化大规模 dom 操作的场景P0webapi / BOM 和 DOMscrollIntoView apiP1webapi / BOM 和 DOMdocumentFragment api 是什么， 有哪些使用场景P2webapi / BOM 和 DOMgetComputedStyle用法?P4webapi / BOM 和 DOMHistory API ?P0webapi / BOM 和 DOM原生 js 如何进行监听路由的变化P0webapi / BOM 和 DOMescape、encodeURI、encodeURIComponent 区别P3webapi / BOM 和 DOMURLSearchParams APIP2webapi / BOM 和 DOMrequestIdleCallback apiP2webapi / BOM 和 DOM如何判断页签是否为活跃状态P1webapi / BOM 和 DOM移动端如何实现上拉加载，下拉刷新？P0webapi / BOM 和 DOM如何判断dom元素是否在可视区域P0webapi / BOM 和 DOM如何检测网页空闲状态(一定时间内无操作)P2webapi / BOM 和 DOM一次性渲染十万条数据还能保证页面不卡顿P1webapi / BOM 和 DOM计算一段文本渲染之后的长度P2webapi / BOM 和 DOM说下 IntersectionObserver API ？P1webapi / BOM 和 DOMXMLHttpRequest 和 Fetch API 的区别 ?P0webapi / 网络和通讯AbortController 和 AbortSignal 有什么区别？P1webapi / 网络和通讯取消请求如何实现？P0webapi / 网络和通讯如何拦截 web 应用的请求P0webapi / 网络和通讯Long-Polling、Websockets 和 Server-Sent Event 之间有什么区别？P0webapi / 网络和通讯说下 navigator.sendBeaconP2webapi / 网络和通讯SSEP0webapi / 网络和通讯如何实现浏览器内多个标签页之间的通信?P0webapi / 网络和通讯跨页面通信方式？P0webapi / 网络和通讯文件上传和上传文件解析的原理是啥？P0webapi / 网络和通讯使用 ajax 封装一个上传文件的函数P0webapi / 网络和通讯如何实现网页加载进度条？P1webapi / 网络和通讯如何实现大文件断点续传P0webapi / 网络和通讯前端需要加载一个大体积的文件时， 一般有哪些优化思路P1webapi / 网络和通讯浏览器的存储有哪些P0webapi / 存储和缓存Cookie和Session区别？P1webapi / 存储和缓存localStorage 是同步还是异步P1webapi / 存储和缓存IndexedDB 存储空间大小是如何约束的？P0webapi / 存储和缓存WebWorker、SharedWorker 和 ServiceWorker 有哪些区别？P0webapi / 存储和缓存Service Worker 是如何缓存 http 请求资源的？P0webapi / 存储和缓存HTML5的离线储存怎么使用，工作原理能不能解释一下？P2webapi / 存储和缓存有用过剪切板么，简要讲解下P2webapi / 存储和缓存如何通过设置失效时间清除本地存储的数据？P0webapi / 存储和缓存在页面关闭时执行方法，该如何做P3webapi / 存储和缓存ResizeObserver 作用是什么P2webapi / 其他IntersectionObserver api?P3webapi / 其他MutationObserverP0webapi / 其他PerformanceObserver 如何测量页面性能P2webapi / 其他requestAnimationFrame 是什么，有什么作用？P0webapi / 其他canvas 是如何处理复杂事件交互的?P2webapi / 其他HTML5 `<video>` 和 `<audio>` 元素如何使用？P0webapi / 其他媒体 API 事件和控制方法有哪些？P1webapi / 其他现代Web媒体技术有哪些？P2webapi / 其他如何判断用户设备P2webapi / 其他前端如何实现截图？P0webapi / 其他web 网页如何禁止别人移除水印P0webapi / 其他富文本里面， 是如何做到划词的（鼠标滑动选择一组字符， 对组字符进行操作）P3webapi / 其他如何在划词选择的文本上添加右键菜单（划词：鼠标滑动选择一组字符， 对组字符进行操作）P2webapi / 其他▼nodejs70Node.js 和浏览器有什么区别？P0核心概念是否使用过 Node.js ，用在了哪些场景？P0核心概念Node.js 阻塞(Blocking) 和非阻塞(Non-blocking) 是什么意思，有什么作用？P0核心概念并行和并发有什么区别，node 是如何处理的？P0核心概念什么是环境变量，Node.js 如何管理配置环境变量？P0核心概念说一下 Node.js 的事件循环模型？P0核心概念Buffer 和 Stream 是什么，有什么区别？P0核心概念什么是负载？如何查看Node.js运行负载？P0性能与监控Node.js有哪些错误类型，如何捕获错误？P0性能与监控如何进行Node.js内存优化？P0性能与监控什么是热更新，Node.js如何实现热更新？P0Node.js编程题如何设计一个日志系统？P0Node.js编程题实现一个命令行工具，统计输入目录下指定代码的行数P0杂项问题CommonJS 与 ESM 模块系统区别？P0api / 基础模块ESM 支持顶层异步，为什么 Node.js 中可以加载 ESM 模块?P0api / 基础模块Node 原生支持哪些模块，有什么区别P0api / 基础模块node 是如何实现 require 的？P1api / 基础模块exports 和 module.exports 有什么区别？P1api / 基础模块node 如何处理循环依赖P2api / 基础模块讲一下 `node:module` 模块?P2api / 基础模块用过 Events 模块么，讲解一下？P0api / 基础模块什么是 Stream ，有什么作用？P0api / 文件 IO什么是 Buffer？为什么在 Node.js 中需要它？P0api / 文件 IO在什么场景下需要直接使用文件描述符？如何确保句柄正确关闭？P2api / 文件 IO如何获取文件元信息？`fs.stat` 和 `fs.access` 的区别是什么？P2api / 文件 IO`readFile`、`readFileSync` 和 `promises.readFile` 有何区别？P0api / 文件 IO用过 readline 吗， 解决什么问题？P1api / 文件 IO`path.join` 和 `path.resolve` 有什么区别？P1api / 文件 IOTCP 与 UDP 的区别，Node.js 分别如何使用？P0api / 网络为什么以及如何正确使用 HTTP Keep-Alive 与 Agent 连接复用？P0api / 网络Node.js 中 DNS 解析：dns.lookup 与 dns.resolve 有何区别？P1api / 网络什么是 Nagle 算法与延迟确认，何时需要 setNoDelay(true)？P1api / 网络Socket/HTTP 流的背压如何处理？有哪些限流策略？P1api / 网络如何实现最小可用的 HTTPS 与 HTTP/2 服务？P2api / 网络nodejs 进程间如何通信?P0api / 进程worker、child_process、cluster 是什么，有什么区别？P0api / 进程用过 cluster 讲一下？P0api / 进程Node 创建子进程方式有几种，有哪些区别?P0api / 进程`child.kill` 与 `child.send` 有哪些区别？P0api / 进程child_process.fork 与 POSIX 的 fork 有什么区别?P0api / 进程nextTick/setImmediate/setTimeout 区别 ？P1api / 工具vm 有什么作用？P0api / 工具什么是包管理器，Node.js 下用过哪些包管理器，有什么区别？P0tool-chain / 包管理器NPM 的架构是怎样的？P1tool-chain / 包管理器NPM 存在哪些配置，分别有什么功能?P0tool-chain / 包管理器package.json 中有哪些常用配置?P0tool-chain / 包管理器什么是 monorepo 工程有哪些工具架构， 该如何选型 ？P3tool-chain / 包管理器npm workspaces 是什么概念， 主要是解决什么问题P2tool-chain / 包管理器幽灵依赖是什么？P1tool-chain / 包管理器npm 有哪些常用命令？P1tool-chain / 包管理器npx 了解多少？P0tool-chain / 包管理器有写过 npm 包么，发布一个包涉及哪些流程？P0tool-chain / 包管理器什么是 semver 规范，version 中 `~、^` 的含义是什么?P2tool-chain / 包管理器patch package 是什么如何使用？P1tool-chain / 包管理器axios 有哪些特性？P0tool-chain / http 客户端axios 适配器是用来做什么的？P1tool-chain / http 客户端axios 是如何区分是 nodejs 环境还是浏览器环境的？P1tool-chain / http 客户端axios 拦截器(interceptor) 的原理？P0tool-chain / http 客户端axios 如何实现取消请求的？P0tool-chain / http 客户端解释下 axios withCredentials 配置的作用？P1tool-chain / http 客户端如何使用Node.js创建全局命令行工具？P2tool-chain / 其他工具什么是semantic-release？如何实现自动化版本管理？P1tool-chain / 其他工具pm2 的原理是什么P1tool-chain / 其他工具Express中间件(Middleware)的工作原理是什么？P0server / 服务端框架Koa洋葱模型的原理和实现是什么？P0server / 服务端框架什么是SSR，如何实现服务端渲染？P0server / 服务端框架Node.js如何连接和操作MySQL数据库？P0server / 数据库集成Node.js如何操作MongoDB数据库？P0server / 数据库集成数据库连接池的作用和配置是什么？P1server / 数据库集成PM2部署Node.js有哪些优势？P0server / 部署管理▼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工程与架构CSS 新特性有哪些？P0杂项样式隔离方式有哪些？P1杂项如何避免全局样式污染？P0杂项PostCSS 是什么，作用是什么？P0杂项伪类和伪元素有什么区别？P0杂项水平垂直居中P0coding / 布局实现三栏布局?P0coding / 布局实现类似 Bootstrap 的栅格布局P0coding / 布局实现砖块布局(Masonry Layout)P0coding / 布局如何实现响应式断点设计？P2coding / 布局CSS 如何实现固定长宽比的元素P2coding / 布局实现 table header 吸顶P1coding / 常用属性考察如何实现页面文本不可选中，不可复制P0coding / 常用属性考察三角形 borderP0coding / 常用属性考察CSS3实现卡片翻转？P1coding / 动效编程CSS如何实现打字机效果？P2coding / 动效编程CSS如何实现文本溢出处理？P1coding / 动效编程如何实现页面顶部自定义滚动进度条？P2coding / 动效编程▼react78什么是 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 中有哪些内置 API?P0APIcreateElement 和 cloneElement 的区别？P1APIreact 和 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 中实现类似 Vue keep-alive 的功能？P0编码如何实现转场动画？P1编码React 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工具链 / 其他常用库▼vue58Vue2 与 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 的组件有哪些类型?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编程题▼engineering117如何理解前端工程化？P0概念什么是前端模块化P0概念什么是同构P0概念什么是前端脚手架？为什么需要它？P1概念如何开发一个脚手架工具？P1概念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部署集成常见 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杂项日常有使用过 babel 么，用在哪些场景？P1compilers-bundler / babelbabel 是如何工作的？P0compilers-bundler / babel如何编写 babel 插件P1compilers-bundler / babel有用过 webpack 或其他打包工具么，它们有什么特点解决什么问题？P0compilers-bundler / webpackwebpack 的主要配置项有哪些P0compilers-bundler / webpackmodule、chunk 、output 的区别P1compilers-bundler / webpackloader 和 plugin 是什么，有什么区别, 用过哪些 loader 和 pluginP0compilers-bundler / webpack如何写一个 loaderP1compilers-bundler / webpack如何写一个 plugin ？P2compilers-bundler / webpackwebpack 原理P0compilers-bundler / webpackwebpack 输出的 bundle 是如何实现加载顺序不影响运行的P1compilers-bundler / webpack了解 tapable 么？P2compilers-bundler / webpackwebpack 优化P0compilers-bundler / webpack说下异步加载P2compilers-bundler / webpacktree-shakingP0compilers-bundler / webpacksideEffects 属性的作用是啥P3compilers-bundler / webpackwebpack externals 是如何加载外部依赖的P3compilers-bundler / webpackwebpack5 Module FederationP3compilers-bundler / webpackwebpack热更新原理是什么？P2compilers-bundler / webpackwebpack-dev-server 的功能P2compilers-bundler / webpacksource map 配置和原理P2compilers-bundler / webpackvite 和 webpack 区别P0compilers-bundler / vitevite 为什么开发和构建会采用不同工具链？P1compilers-bundler / vitevite dev 是如何工作的, 为什么快，有什么缺点?P0compilers-bundler / viterollup 为什么快P1compilers-bundler / 其他打包器rollup 内联优化是什么？P2compilers-bundler / 其他打包器浏览器架构及主要组成部分？P0performance / 浏览器原理常见浏览器内核及区别？P0performance / 浏览器原理输入 url 到页面渲染全过程？P0performance / 浏览器原理什么是合成阶段(Compositing)？P2performance / 浏览器原理什么是光栅化(raster)，软件光栅化和 GPU 光栅化的区别？P2performance / 浏览器原理DOM/CSSOM/渲染树构建？P0performance / 浏览器原理事件循环原理、宏任务与微任务？P0performance / 浏览器原理重排和和重绘及优化？P0performance / 浏览器原理浏览器渲染进程内存结构是怎样的？P2performance / 浏览器原理浏览器缓存中 Memory Cache 和 Disk Cache， 有啥区别？P0performance / 浏览器原理如何做性能优化的？P0performance / 方法和指标和工具常用性能指标P0performance / 方法和指标和工具有哪些前端性能分析工具P0performance / 方法和指标和工具说一下 Performance APIP0performance / 方法和指标和工具说一下什么是 FCP?P2performance / 方法和指标和工具FP、FCP 有什么区别和白屏时间有什么关系？P2performance / 方法和指标和工具如何统计资源加载耗时？P0performance / 方法和指标和工具如何监控卡顿?P1performance / 方法和指标和工具如何实现自定义指标采集？P2performance / 方法和指标和工具如何计算白屏率?P2performance / 方法和指标和工具CSS 加载是否阻塞 DOM 解析、渲染和 JavaScript 执行？P2performance / 资源加载`@import` 是否会阻塞主线程？P1performance / 资源加载什么是文档的预解析P0performance / 资源加载什么是资源预热，有哪些手段？P0performance / 资源加载如何优化 DOM 来提升性能？P0performance / 渲染和运行时DOM 和 GPU 加速的关系？P0performance / 渲染和运行时如何优化 CSS 来提升性能？P0performance / 渲染和运行时图片优化策略?P0performance / 图像和多媒体图片懒加载原理？P0performance / 图像和多媒体请解释什么是精灵图（css sprites），以及如何实现？P1performance / 图像和多媒体▼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配置和工程实践▼数据结构和算法66什么是大 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树广度遍历？P0树树的先序,中序,后续?P1树图的遍历P0图最短路径算法P0图最小生成树P0图拓扑排序P0图打印所有长度为 n 的二进制数P0回溯子集P0回溯组合问题P0回溯全排列P0回溯组合总和P0回溯N 皇后问题P0回溯爬楼梯P0动态规划斐波那契数列P0动态规划最长递增子序列P0动态规划编辑距离P0动态规划背包问题P0动态规划路径规划P0动态规划常见数组排序算法有哪些？P0排序二分查找如何实现？P0搜索树结构查找如何实现？P1搜索UTF-8、ASCII、UTF-16有什么区别？P0编码Base64编码原理是什么？P1编码霍夫曼编码如何实现？P2编码大数字符串运算如何实现？P0杂项海量数据中如何找TopK？P1杂项岛屿数量问题如何解决？P0杂项▼network86网络模型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 tcp什么是 TCP 快速启动P1udp tcpTCP 如何保证数据包传输的有序可靠P1udp tcpTCP 的重传机制是怎样的P2udp tcpTCP粘包了解多少P0udp tcpTCP 拆包了解多少P0udp tcp什么是 TCP 流量控制，如何配置？P1udp tcp什么是 TCP 拥塞控制，如何配置？P1udp tcpCDN 的概念及作用？P0CDN什么是 CDN 预热？P1CDNCDN 刷新是什么？P1CDNCDN 缓存策略有哪些？P1CDNCDN 是如何工作的？P1CDN什么是 WebSocket？它与 HTTP 的主要区别是什么？P0WebSocket请详细描述 WebSocket 握手过程及数据帧格式?P1WebSocketDNS 协议了解多少？P0DNS如何加快 DNS 的解析？P1DNSDNS 解析方式和流程P0DNS完整域名的构成部分P1DNS什么是 DNS 劫持？P3DNS可有办法判断用户的网络条件, 判断网速快慢，网络状态？P1其他web 应用中如何对静态资源加载失败的场景做降级处理P0其他怎么处理连接雪崩问题?P0其他HTTP 基本流程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 / 跨域和状态管理▼os7什么是 inode？P0index软链接和硬链接的区别是什么？P0index常见的文件系统有哪些区别？P1index进程和线程有什么区别？P0index什么是进程间通信(IPC)？P1index操作系统的权限管理模型有哪些？P2index操作系统是如何管理内存的？P1index▼system-design90系统设计的一般流程是什么？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系统设计 · 架构实现 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编码前端登录鉴权如何设计？✅P0编码如何设计低代码平台？✅P0编码如何实现一个前端沙箱系统？ ✅P0编码如何实现一小时内的 Top10 播放榜？ ✅P0编码如何从 0 到 1 搭建前端基建？ ✅P1编码如何设计图床系统？✅P1编码如何设计短链系统？✅P1编码如何设计云盘系统？✅P1编码前端如何用 Canvas 实现电影院选座？ ✅P1编码如何做好前端监控方案？ ✅P1编码▼编程范式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已经完成的项目