SunnyY

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

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

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

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

SPA（单页面应用）SEO 优化：核心方案与实战落地 SPA（Single Page Application）基于前端路由（如 Vue Router、React Route...

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

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

Monaco Editor 是一个轻量级的代码编辑器，其支持语言包括：css、html、json、go、xml、javascript、typescript、markdown...

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

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

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

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

...

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

ES6 引入了 `class` 关键字和 `extends` 语法，彻底简化了继承实现 —— 无需手动操作原型链（`prototype`）和构造函数，即可直观地实现类继承....

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

Source Map（源码映射）是一种 **存储 “转换后代码” 与 “原始源代码” 映射关系的文件**—— 简单说，它就像一个 “代码翻译字典”，能把压缩、混淆、编译后的...

利用 JavaScript 内置的 Object.prototype.toString.call() 方法 —— 该方法会返回一个标准化的类型字符串（如 [object A...

大型文件上传实现方案：分块 + 断点续传 + 优化策略 大型文件上传（通常指 100MB 以上，如视频、安装包、备份文件）的核心痛点是传输耗时久、网络易中断、服务器压力大...

以下是一个 生产级 axios 封装方案，包含 请求 / 响应拦截器、统一错误处理、重复请求取消、请求缓存、超时控制 等核心功能，重点解决「取消请求」（重复请求自动取消 +...