octohash
0/144(0%)
前端知识图谱JavaScript 体系数据类型与类型转换ES6 语法与语言特性语言基础与内置能力作用域链与闭包原型链与面向对象this、call、apply、bind事件循环与任务队列Promise 与 async/awaitAJAX、axios、fetch 与请求模式垃圾回收与内存泄漏内置对象、遍历与 DOM/BOM手写 JS 基础能力手写 Promise 与异步控制手写数据处理题手写场景应用题代码输出与执行结果分析TypeScript 体系基础类型与类型推断对象建模与接口函数类型与重载泛型与泛型约束类型守卫与类型编程枚举、类与装饰器声明文件与工程集成Node.js 体系运行时定位与 npm 生态事件循环与异步编程模块系统与加载缓存Buffer、Stream 与文件 I/OExpress 与服务端通信错误处理与服务安全数据库访问与缓存策略进程模型、并发与性能治理日志、测试与交付监控HTML 体系文档声明与 head 配置语义化与可访问性表单与原生交互控件加载与阻塞模型script 加载策略（defer / async）HTML5 能力总览媒体与图形iframe 嵌入与跨域通信Web Worker离线存储与 Service Worker渐进增强与优雅降级CSS 体系层叠与优先级display 与可见性盒模型与文本排版响应式单位与媒体查询经典布局与 Flex定位与层叠上下文浮动、clear 与 BFC重排、重绘与渲染抖动动画与渲染时序资源引入与图像策略CSS 工程化与性能治理CSS 图形实战发丝线与 1px 问题计算机网络体系DNS 解析流程DNS 结果与缓存策略TCP/TLS 建连HTTP 方法语义HTTP 报文与头字段HTTP 版本演进从 URL 输入到页面响应源站返回响应状态码决策链响应流接收同源与跨域策略实时通道（WebSocket/SSE）浏览器原理体系浏览器架构与内核浏览器进程模型渲染进程线程模型进程通信与标签页协同浏览器安全机制Service Worker 拦截链刷新模式与缓存判定内存缓存磁盘缓存HTML 解析与 DOM 构建CSSOM 与脚本执行渲染树构建布局计算（Layout）绘制（Paint）合成（Composite）解析阻塞治理浏览器存储与安全边界浏览器事件派发模型垃圾回收与内存泄漏性能优化体系CDN 与边缘分发缓存策略优化资源预提示优化懒加载与按需加载图片优化策略回流、重绘与渲染优化节流与防抖策略Webpack 构建与体积优化发布回归与性能门禁前端工程化体系Git 协作与历史整合构建工具选型Webpack 模块图与构建流程Loader 与 Plugin 扩展机制Webpack 热更新运行时Webpack 产物与性能优化Webpack 构建提速策略单页与多页构建配置Babel 编译三阶段小程序体系应用与页面生命周期双线程架构与 H5 差异数据绑定与 setData路由栈与页面跳转组件化与事件系统性能优化、存储与网络请求Vue 体系响应式核心（ref/reactive）SFC 与模板编译机制组件通信（props/emits/provide）路由设计与页面状态状态管理（Pinia）异步数据与请求治理渲染调度与更新批处理Vue 性能优化测试、构建与发布策略团队规范与复盘闭环React 体系JSX 与组件抽象State/Props 设计边界Hooks 规则与封装模式Effect 生命周期治理路由与数据获取策略状态管理（Context/Store）渲染阶段与并发能力性能优化（memo/拆分）测试、构建与发布策略规范治理与复盘闭环文档声明与 head 配置会影响首包后的处理分支先经过 Service Worker 拦截链未命中 SW 时回到浏览器缓存层内存缓存未命中则检查磁盘缓存本地缓存未命中进入网络解析拿到目标地址后建立传输连接连接就绪后进入请求与响应阶段源站开始返回状态行、响应头与响应体响应状态码决定后续处理分支状态判定完成后进入响应流消费阶段HTML 响应流被解析器持续消费解析 HTML 时同步构建 CSSOM/执行脚本DOM 与 CSSOM 形成渲染树渲染树进入布局计算布局结果进入绘制阶段绘制图层最终合成输出合成结果回流到渲染优化策略优化效果通过指标体系验证阻塞脚本与样式会推迟渲染媒体与图形选型直接影响渲染成本跨源 iframe 通信依赖同源与跨域边界Worker 与主线程通过消息队列协同离线能力依赖 Service Worker 拦截链宏微任务时机会干扰渲染时序读写 DOM 交错会触发布局抖动节流与防抖依赖事件循环和定时器机制高频事件派发通常结合节流与防抖治理手写题常考节流与防抖的实现细节强制同步布局通常出现在这一阶段回流重绘治理是渲染优化核心状态码策略会影响缓存复用路径缓存头策略直接影响内存命中协商缓存决定磁盘副本是否可用产物拆分策略决定预加载粒度指纹与分包影响长期缓存稳定性构建优化结果需要通过发布性能门禁跨域约束与本地存储边界联动浏览器同源约束会映射到跨域策略设计中间人防护依赖传输层加密链路事件派发最终会进入事件循环调度长任务和闭包引用会放大回收压力事件循环节奏影响 Vue 批处理任务调度直接影响 React 渲染并发手写基础题用于验证作用域模型输出题最常映射事件循环机制Promise 输出题映射异步状态机this 输出题映射调用绑定规则变量提升与闭包输出题映射作用域链原型继承输出题映射属性查找路径跨框架规范治理经验可复用