srcset 和 sizes 如何配合让浏览器选对图片尺寸,sizes 写错会怎样?
srcset 和 sizes 如何配合让浏览器选对图片尺寸,sizes 写错会怎样? 本文先给出可直接复述的结论,再用最小代码说明srcset sizes 响应式图片的工作方式、判断依据、项目边界和常见误区。
性能优化专题面试题第 3 页,显示第 101–150 题,共找到 340 道完整解析,可继续按分类、标签与关键词缩小范围。
按稳定语义路径排序
srcset 和 sizes 如何配合让浏览器选对图片尺寸,sizes 写错会怎样? 本文先给出可直接复述的结论,再用最小代码说明srcset sizes 响应式图片的工作方式、判断依据、项目边界和常见误区。
基于路由的代码分包如何落地,分包边界选路由还是组件的依据是什么? 本文先给出可直接复述的结论,再用最小代码说明路由级 代码分割 懒加载的工作方式、判断依据、项目边界和常见误区。
RUM 真实用户监控和 Lighthouse 实验室数据结论相反时该信谁? 本文先给出可直接复述的结论,再用最小代码说明RUM 实验室数据 差异的工作方式、判断依据、项目边界和常见误区。
scheduler.postTask 的优先级队列能解决什么 setTimeout 解决不了的问题? 本文先给出可直接复述的结论,再用最小代码说明scheduler.postTask 优先级 任务调度的工作方式、判断依据、项目边界和常见误区。
图标用 SVG、图标字体还是雪碧图,从性能与可维护性怎么取舍? 本文先给出可直接复述的结论,再用最小代码说明SVG 图标字体 雪碧图 取舍的工作方式、判断依据、项目边界和常见误区。
tree shaking 依赖什么前提,为什么引了 lodash 一个函数却打进整库? 本文先给出可直接复述的结论,再用最小代码说明tree shaking ESM 副作用 sideEffects的工作方式、判断依据、项目边界和常见误区。
可变字体在性能上是赚是亏,什么时候比多个静态字重更省? 本文先给出可直接复述的结论,再用最小代码说明可变字体 性能 字重的工作方式、判断依据、项目边界和常见误区。
为什么不建议手写监听算 Core Web Vitals,web-vitals 库处理了哪些坑? 本文先给出可直接复述的结论,再用最小代码说明web-vitals 库 采集 归因的工作方式、判断依据、项目边界和常见误区。
什么类型的计算应该移到 Web Worker,移过去为什么不能直接操作 DOM? 本文先给出可直接复述的结论,再用最小代码说明Web Worker 重计算 主线程的工作方式、判断依据、项目边界和常见误区。
什么是 CLS,它的布局偏移分数是怎么计算的? 本文先给出可直接复述的结论,再用最小代码说明CLS 累积布局偏移 计算方式的工作方式、判断依据、项目边界和常见误区。
什么是 INP,它和 FID 的度量方式有什么本质差异? 本文先给出可直接复述的结论,再用最小代码说明INP 交互到下一次绘制 FID 区别的工作方式、判断依据、项目边界和常见误区。
什么是 LCP,哪些元素会被计为 LCP 候选? 本文先给出可直接复述的结论,再用最小代码说明LCP 最大内容绘制 候选元素的工作方式、判断依据、项目边界和常见误区。
Go 遍历 map 的顺序是随机的吗,需要稳定输出时怎么办? 本文先给出可直接复述的结论,再用最小代码说明Go map 遍历顺序 随机的工作方式、判断依据、项目边界和常见误区。
在丢包率较高的网络中为什么 HTTP/2 可能比 HTTP/1.1 多连接更慢 本文先给出可直接复述的结论,再用最小代码说明HTTP/2 丢包 TCP 队头阻塞 性能的工作方式、判断依据、项目边界和常见误区。
TCP 慢启动为什么叫「慢」却增长很快,它对短连接性能有什么影响 本文先给出可直接复述的结论,再用最小代码说明TCP 慢启动 指数增长 短连接的工作方式、判断依据、项目边界和常见误区。
Java 中 ArrayList 和 LinkedList 在随机访问、插入删除和内存占用上分别适合什么场景? 本文先给出可直接复述的结论,再用最小代码说明ArrayList LinkedList 区别 性能的工作方式、判断依据、项目边界和常见误区。
从搜索联想和滚动采样理解防抖与节流,给出保留 this、参数并支持取消的防抖代码,以及首沿节流实现,说明 leading、trailing、请求竞态和清理边界。
copyWithin 把数组里的一段复制到同一个数组的另一个位置,直接改原数组、长度不变、超出末尾的部分被截掉。这篇讲清参数规则、源和目标重叠时为什么不会被覆盖错、自己写循环会错在哪,以及它真正适用的场景。
flatMap 的回调可以返回零项、一项或多项,所以它能在一次遍历里同时做过滤和映射,也能把一条记录展开成多行。这篇讲清它比 map 加 filter 合适的两类场景、返回 null 过滤不掉的坑,以及它是不是真的更快。
push 和 pop 只动数组末尾,shift 和 unshift 要把后面所有元素的索引挪一遍,所以大数组上头部操作更慢。讲清四个方法的返回值、复杂度,以及用 shift 做队列的问题和游标写法。
数组 includes 要从头逐个比较,Set.has 通常是哈希查找,查询次数多时 Set 更快。但建 Set 本身要遍历一遍,只查一次或每次都重建就不划算。讲清复杂度、什么时候值得建 Set,以及常见的写法错误。
严格模式下访问 arguments.callee 会直接抛 TypeError。本文讲清它原本解决什么问题、为什么被禁用(妨碍引擎内联优化、暴露调用栈),以及用具名函数表达式实现递归的写法和它比外层变量递归更稳的原因。
类字段箭头函数在每次创建实例时单独生成,并捕获该实例的 this,适合交给事件回调而不必额外绑定。原型方法由实例共享,方法被提取后 this 由调用方式决定;内存开销、继承覆盖和函数引用稳定性因此各有取舍。
kube-proxy 的 iptables 模式与 IPVS 模式在规则规模和转发上有何差异? 本文先给出可直接复述的结论,再用最小代码说明kube-proxy iptables IPVS 模式对比的工作方式、判断依据、项目边界和常见误区。
Pod 亲和与反亲和如何通过 topologyKey 实现同机部署或跨可用区打散? 本文先给出可直接复述的结论,再用最小代码说明podAntiAffinity topologyKey 打散的工作方式、判断依据、项目边界和常见误区。
find -exec 与 find | xargs 在处理含空格文件名时如何避免出错? 本文先给出可直接复述的结论,再用最小代码说明linux find -exec xargs -0 空格文件名的工作方式、判断依据、项目边界和常见误区。
MongoDB 聚合管道中 $match 和 $limit 的顺序为什么影响性能? 本文先给出可直接复述的结论,再用最小代码说明MongoDB 聚合管道 阶段顺序 优化的工作方式、判断依据、项目边界和常见误区。
为什么 MongoDB 中无界增长的数组字段被认为是反模式? 本文先给出可直接复述的结论,再用最小代码说明MongoDB 反模式 无界数组的工作方式、判断依据、项目边界和常见误区。
MongoDB 中 $group 去重统计和 distinct 命令在能力和性能上差在哪? 本文先给出可直接复述的结论,再用最小代码说明MongoDB $group distinct 区别的工作方式、判断依据、项目边界和常见误区。
MongoDB 聚合 $lookup 做关联时哪些写法会导致性能急剧下降? 本文先给出可直接复述的结论,再用最小代码说明MongoDB $lookup 性能 关联查询的工作方式、判断依据、项目边界和常见误区。
MongoDB 官方为什么建议用聚合管道替代 map-reduce? 本文先给出可直接复述的结论,再用最小代码说明MongoDB map-reduce 弃用 聚合管道的工作方式、判断依据、项目边界和常见误区。
NestJS Provider 的 DEFAULT、REQUEST、TRANSIENT 三种作用域有什么区别? 本文先给出可直接复述的结论,再用最小代码说明NestJS Provider 作用域 REQUEST TRANSIENT的工作方式、判断依据、项目边界和常见误区。
为什么 NestJS 中请求作用域的 Provider 会影响整个依赖链的性能? 本文先给出可直接复述的结论,再用最小代码说明NestJS request scope 性能影响 冒泡的工作方式、判断依据、项目边界和常见误区。
TLS 为什么握手阶段用非对称加密、数据传输阶段用对称加密? 本文先给出可直接复述的结论,再用最小代码说明TLS 对称加密 非对称加密 会话密钥的工作方式、判断依据、项目边界和常见误区。
在负载均衡器上终结 TLS 与端到端 TLS 各有什么利弊,后端明文流量如何处理? 本文先给出可直接复述的结论,再用最小代码说明TLS 终结 负载均衡 端到端加密的工作方式、判断依据、项目边界和常见误区。
针对Next.js中多API源并行获取,讲解先发起请求再Promise.all的机制,通过Suspense流式降级,并用具体场景对比串行与并行,强调失败隔离和依赖控制。
在 Next.js 中,多个独立数据源的并行获取是否能提高性能?何时会成为瓶颈? 本文先给出可直接复述的结论,再用最小代码说明Next.js 并行数据获取 性能优化的工作方式、判断依据、项目边界和常见误区。
Next.js 服务器组件中的异步数据获取是否会影响整个页面的渲染性能? 本文先给出可直接复述的结论,再用最小代码说明Next.js 服务器组件 异步数据性能的工作方式、判断依据、项目边界和常见误区。
为什么 Next.js 中的 SSR 每次请求都会重新执行数据获取?这是否会影响性能? 本文先给出可直接复述的结论,再用最小代码说明Next.js SSR 每次请求 数据获取的工作方式、判断依据、项目边界和常见误区。
不引入 worker_threads 时如何把一个长 CPU 计算拆小避免阻塞事件循环? 本文先给出可直接复述的结论,再用最小代码说明CPU 任务 分片 setImmediate 事件循环的工作方式、判断依据、项目边界和常见误区。
Worker 线程间如何用 transferList 转移 ArrayBuffer 的所有权? 本文先给出可直接复述的结论,再用最小代码说明worker_threads transferList ArrayBuffer 转移的工作方式、判断依据、项目边界和常见误区。
Node.js 的 async_hooks 模块能追踪什么,为什么它被标记为实验性但仍被广泛使用? 本文先给出可直接复述的结论,再用最小代码说明async_hooks 用途 实验性 asyncId的工作方式、判断依据、项目边界和常见误区。
在 Node.js 里做请求上下文传递,为什么优先 AsyncLocalStorage 而不是第三方 cls 或 zone 方案? 本文先给出可直接复述的结论,再用最小代码说明AsyncLocalStorage 对比 cls 请求上下文方案的工作方式、判断依据、项目边界和常见误区。
Node.js 生产服务中大量使用 console.log 可能带来哪些性能问题? 本文先给出可直接复述的结论,再用最小代码说明Node.js console.log 同步阻塞 性能问题的工作方式、判断依据、项目边界和常见误区。
Node.js Buffer.alloc 与 Buffer.allocUnsafe 的安全边界是什么,复用未清零内存会泄露什么? 本文先给出可直接复述的结论,再用最小代码说明Node.js Buffer alloc allocUnsafe 安全的工作方式、判断依据、项目边界和常见误区。
部署到 Serverless 平台时,Nitro 如何处理 API 路由的冷启动与长期保持?需要哪些配置优化性能? 本文先给出可直接复述的结论,再用最小代码说明Nuxt Nitro Serverless 冷启动 保持连接的工作方式、判断依据、项目边界和常见误区。
Nuxt 4 中,hydration 对性能的影响体现在哪些方面?如何减少其开销? 本文先给出可直接复述的结论,再用最小代码说明Nuxt hydration 性能 开销 优化策略的工作方式、判断依据、项目边界和常见误区。
数据库类程序该用 fsync 还是 fdatasync,为什么 fsync 是性能杀手? 本文先给出可直接复述的结论,再用最小代码说明fsync fdatasync 区别 性能 持久化的工作方式、判断依据、项目边界和常见误区。
mmap 与 read/write 读写文件的性能与语义差异体现在哪里? 本文先给出可直接复述的结论,再用最小代码说明mmap 与 read 区别 零拷贝 缺页的工作方式、判断依据、项目边界和常见误区。
select 在高并发下的三个主要瓶颈是什么? 本文先给出可直接复述的结论,再用最小代码说明select FD_SETSIZE 1024 遍历 性能瓶颈的工作方式、判断依据、项目边界和常见误区。