JavaScript考点

在前端开发中，准确获取和操作元素的位置与尺寸是实现交互效果、响应式布局和动态界面的基础。JavaScript 提供了一系列 DOM 布局 API，帮助开发者精准控制页面元素。本文将系统介绍这些 API

在前端开发中，交互功能看似简单，但背后往往隐藏着一些容易被忽视的细节问题。最近在开发一个响应式页面时，我遇到了一个典型的“点击图标能打开弹窗，却无法关闭”的问题。经过一番排查，最终发现问题的根源

前言 在 JavaScript 的世界里，Function.prototype.call 是一个极为重要的方法，它赋予开发者强大的能力，能够强制指定函数执行时的 this 上下文。理解其底层原理，对于

前言 JavaScript 单线程设计的背后，是浏览器强大的多进程、多线程架构支持。我们来看一下浏览器如何配合 JavaScript 实现高效的事件循环和页面渲染。 一、浏览器的多进程架构 现代浏览器

面试题 实现Storage，使得该对象为单例，基于localStorage进行封装。实现方法 setItem(key,value) 和 getItem(key)。 分析题目 实现Storage：实现S

本文详细讲述了JavaScript的变量和函数的提升机制，垃圾回收机制和闭包、模块的概念、使用，深入浅出。

在程序员的世界里，算法与数据结构的考题永远是绕不开的 “试金石”，就连腾讯这样的大厂也不例外。今天，我们就来深度剖析一道腾讯经典字符串考题 —— 将 “hello” 反向输出为 “olleh”。

在前端开发的面试中，经常会遇到一些看似简单，实则暗藏玄机的题目。其中， map 方法与 parseInt 函数的组合使用，就常常让不少求职者栽跟头。 于是我连夜回去执行，发现是：1 NaN NaN

前言 数组是 JavaScript 中最基础、最常用的数据结构之一。无论是处理列表、集合，还是进行数据转换、聚合统计，数组方法都扮演着非常重要的角色。 然而，初学者在使用数组时常常会遇到一些“意料之外

在 JavaScript 编程中，数据类型的存储方式是一个既基础又关键的知识。简单数据类型和复杂数据类型在内存中的存储机制截然不同，而这背后隐藏的栈内存与堆内存的奥秘，深刻影响着我们编写代码时的

前言 在 JavaScript 中，new 操作符是创建对象实例的重要方式。但你是否思考过 new 操作符背后的底层机制？本文将带你一步步手动实现 new 操作符，深入理解其工作原理。 一、 new 

JavaScript 的事件机制是前端交互的核心，它允许开发者监听用户行为（如点击、输入、滚动等）并作出响应。理解原生 JS 的事件模型对于写出高效、可维护的代码至关重要。 本文将从以下几个方面详细讲

前言 在写 JavaScript 代码时，我们常常会遇到一些“慢动作”任务，比如从服务器获取数据、读取文件或者等待用户操作，这些任务不能立刻完成，但又不能让整个程序停下来等它们——这就是 异步编程 要

前言 JavaScript 是一种单线程语言，这意味着它一次只能执行一个任务。这种设计简化了开发过程，避免了多线程编程中的复杂性，但也带来了问题——如何在不阻塞主线程的情况下处理耗时操作（如网络请求、

本文以拟人化对话形式解析 JavaScript 作用域机制，介绍代码执行前的编译三阶段，区分 LHS与 RHS规则，通过具体代码示例演示作用域链逐层查找变量的过程，说明不同查询失败时的异常类型。

前言 在 JavaScript 的编程世界里，无数开发者都曾被var“坑” 得苦不堪言。变量提升带来的逻辑混乱、缺乏块级作用域导致的变量泄露，这些问题在项目开发中如同隐藏的地雷，稍不注意就会引发难以调

前言 在 JavaScript 的世界里，this 就像一个神秘的 “变色龙”，它的值会根据代码的调用方式、执行环境发生动态变化。无论是新手还是有经验的开发者，都可能在 this 上栽跟头。本文将深入

本文通过经典案例解析JS变量查找机制，结合调用栈、作用域链、执行上下文等核心概念，揭示`bar`函数为何能访问全局`test`变量，助开发者理解变量访问逻辑与内存管理。

1 什么是原型？ 1.1 定义 每个函数（Function） 都有一个 prototype 属性，这个属性是一个指针，指向一个对象，这个对象就是该函数的原型对象。 1.2 普通构造函数与原型的对比 这

在现代前端开发中，与后端 API 交互是构建动态网页的重要组成部分。通过使用 JavaScript 的 fetch API，我们可以轻松地向服务器发送请求并处理响应数据。本文将以一个用户登录的场景为例