浏览器从输入网址到页面加载的整个过程
浏览器从输入网址到页面加载的整个过程“从在地址栏输入 URL 到页面渲染完成，发生了什么？”是前端高频面试题，也是理解 Web 工作原理的关键路径。这个过程涉及浏览器、操作系统、DNS、CDN、Web 服务器、HTTP/HTTPS、渲染引擎等多个组件。 本文按照时间顺序，梳理整个流程： 用户输入 URL 与地址栏处理 浏览器进程与网络进程协作 DNS 解析与 IP 获取（含缓存与 CD
JavaScript 中的原型与原型链
JavaScript 中的原型与原型链原型与原型链是 JavaScript 面向对象体系的基础，也是高频面试题。理解它们可以帮助你： 理解 new、class、extends 等语法糖的本质 正确认知“继承”“共享方法”等行为 更好地阅读框架/库的底层实现 本文从“代码出发”，逐步讲清楚： __proto__、prototype、constructor 三者的关系 原型链是如何实现
JavaScript 中的作用域与作用域链详解
JavaScript 中的作用域与作用域链详解理解作用域（Scope）和作用域链（Scope Chain），是掌握 JavaScript 变量查找、闭包、模块化等高级特性的基础。很多“变量找不到”“值被意外覆盖”的问题，最终都可以归结到对作用域理解不清。 本文从基础概念到常见坑，系统讲清楚： 什么是作用域？全局作用域、函数作用域、块级作用域分别是什么？ 作用域链是如何工作的？变量查找的顺序如何？
JavaScript 中的浅拷贝与深拷贝全面解析
JavaScript 中的浅拷贝与深拷贝全面解析在实际开发中，“修改一个对象，另一个对象也跟着变了”是非常常见的坑，其根源就在于：引用类型的赋值是“引用传递”。理解浅拷贝与深拷贝，是解决这类问题的关键。 本文将从以下几个方面系统讲清楚： 基本类型 vs 引用类型在内存中的差异 什么是浅拷贝？有哪些常见实现方式？ 什么是深拷贝？JSON.parse(JSON.stringify()) 有哪些坑？
JavaScript 中 this 指向
JavaScript 中 this 指向this 是 JavaScript 中最容易被问、也最容易写错的知识点之一。它既和函数的调用方式有关，又受到 严格模式 / 非严格模式、箭头函数、事件处理等多种场景的影响。 本文从“规则优先”的视角，系统地梳理 JavaScript 中 this 的所有常见指向场景，并配合例子与常见坑，帮助你彻底搞清楚： this 的绑定规则是什么？ 箭头函数中
浏览器 Event Loop 事件循环机制详解
浏览器 Event Loop 事件循环机制详解在面试和日常调试中，几乎绕不开这样的问题： setTimeout、Promise.then、async/await 谁先执行？ 为什么有时候 console.log 的顺序和直觉不一样？ “宏任务 / 微任务” 到底是什么？ 这些问题背后，都是 Event Loop（事件循环） 在发挥作用。 本文从浏览器环境出发，系统讲清楚： 同步任务
js中的模块化
介绍模块化是指将代码分解成独立的、可重用的模块，每个模块封装特定的功能或逻辑。这样可以提高代码的可维护性、可读性和复用性。 模块化的好处 代码可维护性：每个模块都有自己的作用域，避免了全局变量的污染，提高了代码的可维护性。 代码可读性：模块的代码通常是自包含的，每个模块都有自己的功能或逻辑，使代码更易于理解和阅读。 代码复用性：模块可以被多个项目或应用程序复用，避免了重复编写相同的代码。 代码可测
