自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 浅谈前端框架

本文探讨前端框架的核心本质与差异。现代前端框架围绕 “UI = f (state)” 核心,实现状态驱动 UI 更新。按状态与 UI 对应关系分应用级、组件级、元素级三类,UI 描述有 JSX 与模板两种方式。理解这些能助于选择合适框架及掌握其原理。

2025-09-06 11:54:13 802

原创 Webpack 核心原理剖析

本文深入剖析了Webpack的核心原理,从模块化打包的本质出发,系统解析其三大核心能力:依赖分析、资源转换与扩展机制。

2025-09-05 08:48:18 912

原创 从 Vue2 到 Vue3:响应式系统的演进与实现

本文讲解了Vue.js响应式系统的演进过程,详细对比了两个版本的设计差异,包括依赖收集方式、响应式API变化等,帮助开发者深入理解Vue响应式原理。

2025-09-04 18:11:35 1396

原创 从输入URL到页面展示发生了什么?

本文详解从输入 URL 到页面展示的全过程:先预处理 URL、检查缓存,再经 DNS 解析获 IP,通过 TCP 三次握手和 SSL/TLS 握手(HTTPS)建立连接,发送 HTTP 请求并接收响应,最后解析内容、更新缓存,进入渲染流程,以及相关事件触发。

2025-08-30 10:25:53 1113

原创 浏览器缓存:从原理到实践

本文介绍浏览器缓存:通过存储本地资源减少请求提升加载速度,详细介绍了 Service Worker、内存等 4 类存储位置以及强制缓存和协商缓存 2 种策略,还说明不同浏览器操作的缓存逻辑,并给出按资源变动频率配置缓存的最佳实践。

2025-08-25 21:10:06 911

原创 浏览器渲染流程解析

本文详细解析了浏览器从接收HTML到页面渲染的完整流程。核心流程包括:HTML解析生成DOM树和CSSOM树,样式计算确定节点最终样式,布局阶段计算几何信息生成布局树,分层优化渲染效率,生成绘制指令后交由合成线程处理。合成线程进行分块和光栅化转换,最终将位图绘制到屏幕。文中还分析了CSS和JS对解析的影响,并介绍了分层、分块等优化机制。整个过程环环相扣,系统性地介绍了将HTML转换为可视化页面的过程。

2025-08-24 12:11:11 1261

原创 类(class)与构造函数的差异解析

本文从调用方式、原型方法可枚举性、严格模式、原型方法构造器限制四方面详细对比了类与构造函数的差异,结合 Babel 转译代码揭示了类的实现逻辑,并给出了真题的解答参考。

2025-08-22 20:45:49 396

原创 深入理解 JavaScript 闭包:从概念到实践

闭包是 JS 中函数与其定义时作用域的组合,使函数在外部执行时仍能访问内部变量。基于作用域链,可实现模块化、私有变量和缓存,合理使用能写出更优雅安全的代码。

2025-08-20 21:40:37 1119

原创 JavaScript 中的 this 指向:执行上下文的动态标识

本文从执行上下文视角解析 JavaScript 中 this 的指向机制。this 是执行上下文的动态指针,在上下文创建阶段确定,指向当前执行环境的关联对象,其指向由函数调用方式决定,有默认绑定、隐式绑定、显式绑定、new 绑定、箭头函数继承外层 this 等规则,且存在优先级,与静态作用域不同,是理解代码运行环境的关键。

2025-08-19 21:15:30 835

原创 JavaScript 作用域与作用域链:变量访问的底层规则

本文解析 JavaScript 作用域与作用域链,及与执行上下文的关联。作用域分全局、函数、块级,是变量访问范围(静态);作用域链是变量查找路径。二者与动态的执行上下文配合,共同支撑代码运行,影响变量访问规则。

2025-08-19 21:01:41 819

原创 JavaScript 执行栈与执行上下文:代码运行的底层逻辑

本文解析 JavaScript 执行栈与执行上下文:前者为管理上下文的后进先出结构,后者含三类,分创建与执行阶段,影响代码运行逻辑。

2025-08-19 20:44:17 932

原创 JavaScript 原型及原型链:深入解析核心机制

本文将从基础概念出发,通过丰富的代码示例和图解,深入剖析 JavaScript 原型与原型链的运作原理,帮助你彻底掌握这一重要知识体系。

2025-07-06 12:08:47 912

原创 为什么 {} + [] 等于 0

本文深入解析了 JavaScript 的数据类型的转换机制。覆盖了基本数据类型和引用数据类型的显式、隐式转化规则。

2025-06-28 14:01:57 1012

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除