SunnyY

watchEffect 和 watch 详解：相同点、区别、使用场景 在 Vue 3 组合式 API 中，watch 和 watchEffect 都是用来监听响应式数据变化...

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

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

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

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

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

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

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...

...