JS相关

实现前端大文件的分片下载与断点续传，核心在于两大技术的结合：HTTP Range 请求与客户端本地存储（如 IndexedDB） 。 HTTP Range 请求：允许前端只请求文件的某一部分（例如第

大文件下载通常会经过“前端 -> Nginx/代理 -> 后端网关/服务器”的完整链路。只要其中任意一层的超时时间小于文件下载所需的时间，请求就会被提前中断（比如常见的 Nginx 504 Gatew

HTTP vs. HTTPS 有什么区别? HTTP是明文传输，HTTPS加了TLS协议，是加密传输，更安全； HTTP只需要TCP三次握手过程，而HTTPS还增加了TLS握手过程； HTTP端口号是

为什么 1 分钟就会断开？ 在客户端和服务器之间，往往存在 Nginx、云厂商的负载均衡器（如 AWS ALB）等反向代理。它们都有一个“空闲超时时间（Idle Timeout）”的默认设置。如果在这

全链路 7 大步骤 # 关键节点 细说可延伸内容 1 地址栏解析 URL 组成、浏览器缓存、Service-Worker 拦截、HSTS 强升 HTTPS 2 DNS 解析 递归/迭代、根/TLD/权

一面口述版 React 的核心设计理念 核心是声明式编程和组件化。声明式让我们只描述 UI 状态，React 自动更新 DOM；组件化把页面拆成可复用的独立单元，方便维护和复用。另外，单向数据流和虚拟

new 是 JavaScript 中用于创建构造函数实例的操作符，其核心作用是「创建一个新对象，并将该对象与构造函数的原型链关联，最终让构造函数作用于这个新对象」。 以下是 new 操作符执行的5 个

内存泄漏（Memory Leak）指 JS 中不再使用的内存无法被垃圾回收机制（GC）释放，导致内存占用持续升高，最终引发页面卡顿、崩溃，甚至浏览器进程异常。JS 内存泄漏的核心原因是：无用对象仍被可

JS 数字精度丢失的本质是「IEEE 754 双精度浮点数无法精确表示所有十进制数」，解决思路分三类：简单小数运算：放大法 + Number.EPSILON；大整数处理：BigInt；

structuredClone() 使用 JavaScript 扩展运算符（...）来合并对象，几乎成了每个开发者的肌肉记忆。 一行代码，清晰地表达了意图，优雅地完成了合并。

SPA（单页面应用）SEO 优化：核心方案与实战落地 SPA（Single Page Application）基于前端路由（如 Vue Router、React Router）实现页面切换，全程无页面

HTML 文档的渲染是一个多阶段协同的过程，核心分为「解析 → 布局 → 绘制」三大步骤；而 CSS 和 JS 文件的下载、执行，会通过不同方式影响渲染流程 —— 关键结论先明确： CSS 文件：下载

NaN 是 Not a Number 的缩写，它是 JavaScript 中一个特殊的数值（Number 类型），用于表示 “不是一个合法的数字”。

要实现 mergePromise 函数，核心需求是 按数组顺序串行执行异步任务（前一个任务完成后再执行下一个），并将每个任务的返回结果按执行顺序存入 data 数组，最终返回包含该数组的 Promis

ES6新特性的分类 新特性主要归为四大类： 解决原有语法上的一些不足 比如let 和 const 的块级作用域 对原有语法进行增强 比如解构、展开、参数默认值、模板字符串 全新的对象、全新的方法、全新

图片懒加载实现方案：原理、代码与优化（原生 / 框架通用） 图片懒加载（Lazy Loading）是 优化页面性能的核心手段—— 核心原理是：图片进入（或即将进入）浏览器可视区域时，才加载图片资源

前端跨域请求实现方案：原理、代码与场景选型 跨域的核心原因是 浏览器同源策略（协议、域名、端口三者必须一致，否则限制资源访问）。开发环境代理 + 生产环境 CORS/Nginx 代理


new Set() Set 是 ES6 引入的集合数据结构，通过 new Set() 创建实例，核心特点是存储唯一值（不重复），支持多种数据类型（原始类型按值比较，引用类型按地址比较），兼具数组和对象

ES5 没有 `class` 和 `extends` 关键字，需基于 **原型链（`prototype`）**  和 **构造函数** 手动实现继承。核心思路是：**让子类的原型指向父类的实例（或原型