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系列
性能优化 - 渲染合成层
白屏
重绘和回流
  • 浏览器下JS引擎的事件循环机制
  • 执行栈和事件队列
  • macro task 和 micro task
  • Node下的事件循环机制
  • 与浏览器的差异
  • 事件循环模型
  • 各阶段详解
  • poll 阶段
  • check 阶段
  • close 阶段
  • timer 阶段
  • I/O callback 阶段
  • process.nextTick、setTimeout、setImmediate 的区别与使用场景
  • process.nextTick()
  • setTimeout() 和 setImmediate()
  • 总结

JavaScript-事件循环机制#

浏览器下JS引擎的事件循环机制#

执行栈和事件队列#

macro task 和 micro task#

Node下的事件循环机制#

与浏览器的差异#

事件循环模型#

各阶段详解#

poll 阶段#

check 阶段#

close 阶段#

timer 阶段#

I/O callback 阶段#

process.nextTick、setTimeout、setImmediate 的区别与使用场景#

process.nextTick()#

setTimeout() 和 setImmediate()#

总结#

上一页JavaScript-this
下一页JavaScript 作用域链
大纲
  • 浏览器下JS引擎的事件循环机制
  • 执行栈和事件队列
  • macro task 和 micro task
  • Node下的事件循环机制
  • 与浏览器的差异
  • 事件循环模型
  • 各阶段详解
  • poll 阶段
  • check 阶段
  • close 阶段
  • timer 阶段
  • I/O callback 阶段
  • process.nextTick、setTimeout、setImmediate 的区别与使用场景
  • process.nextTick()
  • setTimeout() 和 setImmediate()
  • 总结