logologo
文章
面试
算法
MDN
框架
读书笔记
文章
面试
算法
MDN
框架
读书笔记
logologo
汇总
基础介绍

面试题

面试复习 Day 1
面试复习 Day 2
面试复习 Day 3
面试复习 Day 4
面试复习 Day 5
CSS 基础
大文件上传
JavaScript 异步解决方案
JavaScript 基础
React
Claude与Trae研发提效
instanceof-模拟实现
requestIdleCallback模拟实现
工程化
性能优化
HTML&浏览器
编程题

HTTP系列

HTTP协议
HTTP 发展
HTTP/HTML/浏览器
TCP 三次握手
TCP、UDP
HTTP 请求方法

工程化常见问题

Tree-Sharking
babel 原理
rollup 工作流程
uglify 原理
webpack 工作流程
前端-微服务
模块化机制

CSS常见问题

BFC
CSS Flex
CSS-position
CSS-优先级
圣杯布局、双飞翼布局
CSS-层叠上下文
CSS-居中方法
CSS-性能优化
CSS3 新特性
CSS 样式隔离
CSS-浮动
CSS 盒子模型.md
CSS 选择器

JavaScript常见问题

JavaScript-Generators原理
JavaScript-IIFE
JavaScript-Promise
call和apply模拟实现
bind模拟实现
JavaScript-instanceof原理
new模拟实现
JavaScript-this
JavaScript-事件循环机制
JavaScript 作用域链
JavaScript原型
JavaScript 变量提升
JavaScript-垃圾回收机制
JavaScript-柯里化
JavaScript-浮点数精度
JavaScript-深拷贝、浅拷贝
JavaScript 继承
JavaScript 闭包

浏览器相关

DOM 树
事件
浏览器-内存泄漏
垃圾回收
浏览器工作原理
浏览器缓存机制
浏览器 跨页面通信
浏览器架构
行内元素-块级元素
路由模式:hash 模式、history 模式

性能优化

RAIL 模型
性能优化手段
性能优化 - 动画性能
图片加载优化
浏览器输入URL系列
性能优化 - 渲染合成层
白屏
重绘和回流
  • 合成事件
  • virtual dom
  • setState 过程
  • fiber
  • 高阶组件
  • 错误处理
  • 性能优化

React#

合成事件#

  • React 合成事件

virtual dom#

  • 虚拟 DOM 和 diff 算法

  • 如何实现一个 Virtual DOM 算法

setState 过程#

  • setState 执行机制
  • 深入剖析 setState 同步异步机制

fiber#

  • 深入理解 Fiber 架构及源码

高阶组件#

  • 深入理解 React 高阶组件

错误处理#

  • 从源码看 React 异常处理

性能优化#

  • React 项目性能分析及优化
上一页JavaScript 基础
下一页Claude与Trae研发提效
大纲
  • 合成事件
  • virtual dom
  • setState 过程
  • fiber
  • 高阶组件
  • 错误处理
  • 性能优化