定时器按顺序播放多个音频，切后台音频会乱
本身不会补触发，但 它会被系统级冻结 ——iOS Safari 后台完全停止计时，切回前台后 只补执行一次 （不是不补，而是"缺失的中间状态补不上"）。间隔短的不会出大问题， 间隔长的会出现"音频流被压缩" ——切回来后本该播 5 分钟的间隙，实际只过了 3 分钟，结果整段对不上。 核心原则 ：定时器只能用来"提醒一次"， 真正决定"该不该播"的是绝对时间戳 。 setTimeout 在后台会发生什么（按平台） | 平台 | 后台行为...
线上项目白屏的原因
白屏的本质是 渲染管线某一环断了 ——可能是资源、JS、接口、路由、样式、兼容性任一环节出问题。排查按"控制台 → 网络 → DOM → 环境"四步定位。 本质（前端类比） 把网页想成一栋楼： 白屏 ≠ 一定是同一种原因——这是面试想听的层次。 六大类原因（按出现频率） | 类别 | 典型表现 | 真实案例 | | : | : | : | | ① 资源加载失败 | DOM 是空的 | 入口 JS 404、CDN 挂了、CSS 阻塞 |...
背景图就是 1MB 大图，怎么优化
1MB 大背景图优化分 三步 ：压缩体积（10 30x）、按需加载（按设备/视口/网速）、渲染期优化（GPU 合成）。背景图跟 不同——它是 CSS，不走浏览器的原生懒加载机制，得手动处理。 背景图 vs 的关键区别（先讲清楚这个） 这是面试官想听的"针对性认知"——背景图不是普通图片，不能套通用方案。 三步优化（按优先级） 第 1 步：压缩体积（最重要，立竿见影） 1MB 的来源一般是这几种 ，对应解决方案： | 原始问题 | 体积来...
项目里很多图片和视频，怎么优化
图片视频优化分 四层 ：网络层（CDN/格式）、加载层（懒加载/预加载）、渲染层（解码/缓存）、业务层（按需/降级）。面试要把这四层都讲到位才算有体系。 四层优化模型 第 1 层：网络层（省钱、省时间） 核心目标：让资源体积小、让用户拿到资源快 | 手段 | 作用 | 关键点 | | : | : | : | | 图片格式 | WebP/AVIF 比 JPEG 小 25 50% | 兼容 fallback | | 视频格式 | H.265...
Embedding 向量模型：从语义表示到相似度计算
前言 大模型「读懂」文字靠的是 token，但 token 之间只有离散的编号关系，模型并不知道「苹果」和「李子」在语义上很近。要让程序能「理解」两段文字的相似程度，必须先把文本映射成一个 高维向量 ，再用几何方法比较。这一步就是 Embedding。 本篇基于我本地 今天的真实代码，从语义表示讲到余弦相似度，并复盘几个踩过的真实坑。 一、为什么需要 Embedding 传统关键词检索是「字面匹配」： Embedding 做的是「语义匹...
前端面试100题
前端面试 100 题 适用方向：中高级前端 / React / Vue / Next.js / Nuxt / TypeScript / 工程化 / 实时通信 / Electron / Node.js / AI 应用前端 使用方式：优先掌握“标准回答”，再练“面试官追问”，最后把“结合你的简历怎么答”组织成自己的项目故事。 说明 “结合你的简历怎么答”只使用你简历中已经出现的项目与技术事实。 “标准回答 / 追问”属于通用前端知识总结，用...
深入理解 JavaScript 原型与原型链：从关系图到核心逻辑 - heshanwan - 博客园
在 JavaScript 世界里， 原型（Prototype）和原型链（Prototype Chain） 是理解对象继承、属性查找机制的基石。很多开发者初学时对它们 “又爱又恨”，这篇文章将结合经典关系图，用通俗易懂的方式拆解原型与原型链的核心逻辑，帮你彻底掌握这套机制！ 一、先搞懂几个核心概念 在分析关系图前，先明确 JavaScript 中与原型相关的关键概念，避免后续混淆： 1\. 函数对象与普通对象 函数对象 ：由...
JavaScript 闭包
摘要 ：闭包（Closure）是 函数与其词法环境（Lexical Environment）的组合 ——一个函数可以"记住"并访问它被创建时所处的外部作用域中的变量，即使它在该作用域之外被执行。一句话记忆： 函数打包了出生地的变量，走到哪都能用 。核心要点：① 内部函数引用外部变量即形成闭包；② 闭包实现变量私有化/数据封装/柯里化；③ 潜在风险是内存泄漏和循环引用；④ 避免泄漏需手动解除引用和及时移除监听器。 一、什么是闭包 1.1...
this 指向与 call / apply / bind
第 1 段（10min）回顾与预习：为什么必须搞懂 this 1.1 先接昨日（闭包）的线 昨天你学了 闭包 。闭包解决的是"函数记住它定义时所在作用域里的变量"。 闭包回答的问题是： “这个函数能访问到哪些变量？” → 看定义位置（词法作用域）。 而今天的主角 回答的是一个完全不同的问题： “这个函数执行时，站在谁的角度说话？” → 看 调用位置 （谁调用的、怎么调用的）。 一句话概括两者的分工： 变量看 定义处 ， 看 调用处 。这...