- 博客(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关注的人