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系列
性能优化 - 渲染合成层
白屏
重绘和回流
  • 前端性能优化指标 RAIL
  • 前端性能优化手段
  • 重排[回流]和重绘
  • 白屏
  • 大量图片加载优化
  • 描述浏览器从输入网址到页面展现的整个过程
  • 动画性能
  • 渲染合成层

性能优化#

前端性能优化指标 RAIL#

  • 自我认知系列 RAIL 模型分析性能
  • 前端性能优化 - 用 RAIL 模型分析性能

前端性能优化手段#

  • 自我认知系列 性能优化的手段
  • 前端性能优化 雅虎规则

重排[回流]和重绘#

  • 自我认知系列 重绘和回流
  • 前端性能优化 - 重绘和回流

白屏#

  • 自我认知系列 白屏时间
  • 前端性能优化 - 白屏时间

大量图片加载优化#

  • 自我认知系列 图片加载优化
  • 前端性能优化 - 大量图片加载优化方案

描述浏览器从输入网址到页面展现的整个过程#

  • 自我认知系列 浏览器工作原理 - 浏览器输入URL到页面展示发生了什么
  • 浏览器工作原理:从 URL 输入到页面展现到底发生了什么?

动画性能#

  • 自我认知系列 动画性能
  • 前端浏览器 - 动画性能优化

渲染合成层#

  • 自我认知系列 Composite
  • 浏览器渲染流程&Composite简单总结
上一页工程化
下一页HTML&浏览器
大纲
  • 前端性能优化指标 RAIL
  • 前端性能优化手段
  • 重排[回流]和重绘
  • 白屏
  • 大量图片加载优化
  • 描述浏览器从输入网址到页面展现的整个过程
  • 动画性能
  • 渲染合成层