前端进阶之旅前端进阶之旅
基础篇
进阶篇
高频篇
精选篇
手写篇
面经篇
AI 篇
原理篇
每日一题
小程序题库
知识卡片
  • 场景篇按分类整理的大前端场景考点
  • 历年面经按年份追踪真实考点
  • 算法题库NEW在线编码即时判题
  • 专项自测100 题快速查漏
  • 前端基础
    • HTTP从报文一路讲到 HTTPS
    • 浏览器渲染、事件循环、进程
    • 计算机基础Linux、网络、操作系统
  • 进阶专项
    • 设计模式23 种模式怎么用
    • 前端系统进阶学习大型项目工程化
    • 前端综合文章长期沉淀的实践文
  • 工程与工具
    • Node学习指南从环境搭建到服务端
    • NPM工作流script、依赖与发布
    • Docker容器化部署上手
    • Canvas图形与动画实战
  • 路线与导图
    • 思维导图知识点全景图
    • 学习路线按图索骥不跑偏
  • 动态
    • 公众号动态公众号历史文章
    • 博客动态站长的技术博客
    • 开发者导航常用工具与文档站
  • AI 助手随时提问,即时解析
  • AI 模拟面试模拟真实面试 + 报告
  • AI 知识地图串起全站知识点
  • AI 定制路线按你的简历现排
AI 热点
旧版
基础篇
进阶篇
高频篇
精选篇
手写篇
面经篇
AI 篇
原理篇
每日一题
小程序题库
知识卡片
  • 场景篇按分类整理的大前端场景考点
  • 历年面经按年份追踪真实考点
  • 算法题库NEW在线编码即时判题
  • 专项自测100 题快速查漏
  • 前端基础
    • HTTP从报文一路讲到 HTTPS
    • 浏览器渲染、事件循环、进程
    • 计算机基础Linux、网络、操作系统
  • 进阶专项
    • 设计模式23 种模式怎么用
    • 前端系统进阶学习大型项目工程化
    • 前端综合文章长期沉淀的实践文
  • 工程与工具
    • Node学习指南从环境搭建到服务端
    • NPM工作流script、依赖与发布
    • Docker容器化部署上手
    • Canvas图形与动画实战
  • 路线与导图
    • 思维导图知识点全景图
    • 学习路线按图索骥不跑偏
  • 动态
    • 公众号动态公众号历史文章
    • 博客动态站长的技术博客
    • 开发者导航常用工具与文档站
  • AI 助手随时提问,即时解析
  • AI 模拟面试模拟真实面试 + 报告
  • AI 知识地图串起全站知识点
  • AI 定制路线按你的简历现排
AI 热点
旧版
首页程序员面试题库第 45 页
面试知识索引 · 分类、标签与搜索

5000+ 道程序员面试题,每题都有完整答案

程序员面试题库第 45 页,收录第 2201–2250 题,共 5000 道完整解析,覆盖前端、JavaScript、React、Vue、Node.js、AI Agent、网络、数据库与系统设计。

5000+完整问题
52技术分类
178检索标签
100索引分页
按分类建立知识面,再用标签和搜索定位问题

每页只渲染 50 道题。分类与标签分页可抓取,自由搜索结果不会制造无限 SEO 页面。

快速定位

分类、标签与关键词搜索

题库检索
技术分类52 个
全部分类5000AI Agent511浏览器301JavaScript285React281AI 开发262CSS240Node.js217TypeScript206Vue180前端工程化138React Native135
查看全部 52 个分类
操作系统135数据库134Docker95计算机网络94API 设计90Kubernetes90HTML89Redis89全栈开发88分布式系统88系统设计86HTTP85Next.js60Angular58Linux53Nuxt51PostgreSQL46可观测性46设计模式46小程序45身份与权限45无障碍44MongoDB43PWA43Web 安全43Git42前端测试42前端性能41WebAssembly40测试40AI 工程37SvelteKit37Go35前端数据管理30React Router29AI 全栈28Svelte27算法12Java10数据结构5前端手写题3
热门标签178 个
并发编程448缓存355性能优化340安全336异步编程292类型系统215构建工具211容器化184流处理177表单157SQL148HTTP141路由140离线应用121网络协议111
查看其余 163 个标签
测试109数据库事务95实时通信92Web 可访问性90动画79可观测性77Agent 记忆75向量检索66工具调用66LangGraph59Prompt56任务规划53排障与运维53数据库索引52浏览器自动化51Flexbox50值与类型50GraphQL49事务与并发49构建与镜像49DNS 与 TLS48工程协作与交付48AI 评测47CSS Grid47Express 服务47MCP47副作用与同步47向量与嵌入47文件与多媒体47流与二进制47传输与协议46列表与性能46可维护代码46响应式原理46容器运行46指标日志追踪46数据建模与运维46文件与 I/O46表单与输入46MCP 协议45RAG45Vite 与模块构建45Webpack45内存与虚拟化45原生集成45多 Agent45工作负载与发布45应用与性能45数据处理45模块与工具链45组件与模板45缓存与数据结构45网络与运维45评估与调试45身份认证与授权45运行时与开发45Web 系统方案44一致性与容错44侦听与生命周期44分布式使用44原生组件与交互44可访问交互44消息与异步处理44渲染与调度44索引与执行计划44组件设计44缓存与代理44进程与并发44层叠与选择器43攻击面与防御43文档数据库43权限与安全43离线与渐进增强43语义与文档43请求与通信 API43Worker 与线程协作42事件系统42存储与离线数据42服务架构42服务端与流式渲染42服务端工程42泛型设计42版本控制42类型收窄42类型运算42组件与端到端42编码与执行42进程与线程42DOM 与文档操作41Flex 布局41HTTP 语义41NestJS 架构41REST 与接口契约41SQL 查询41加载与交互性能41动画与视觉41类型工程41记忆与状态41运行时与调度41Agent 架构40WebAssembly 集成40单元与集成测试40多 Agent 协作40工作流编排40模块与语言机制40浏览器与 UI 自动化40生产运行40函数与作用域39响应式设计39性能与并发39类型系统基础39Grid 布局38数组与集合38盒模型与排版38Hooks 与复用37应用开发37推理与成本37状态共享37知识库数据37模型与应用评测36对象与原型35状态与渲染35语言与并发35异步与 Promise34Effect32RAG 检索31React 性能31响应式与性能31微调与数据31TanStack Query30全栈边界30数据与缓存30大模型基础29路由与数据流29事件循环28流式交互28提示与上下文设计27数据与服务端27组件与依赖注入27组件与响应式27多模态应用24应用与渲染24Hydration22沙箱安全22状态管理18算法18CI/CD13语言与运行时10React Server Components6搜索与排序4实用函数实现3链表栈队列3图算法2字符串算法2树与遍历2索引与高级结构2Kubernetes1作用域与函数1动态规划1异步与浏览器1手写与交互性能1数组与双指针1相等比较1
当前页45 / 100

正在显示第 2201–2250 题

JavaScript50
第 45 页

本页面试问题

按稳定语义路径排序

  1. 2201
    JavaScript数组与集合

    Array.from 能转换类数组,为什么数组展开有时却会报错?

    Array.from 认两种输入:可迭代对象和类数组(有 length 和数字下标),数组展开只认可迭代对象,所以只有 length 的对象一展开就报 TypeError。附两者都满足时谁优先、缺失下标变成 undefined、第二个参数 mapFn 的用法。

    核心关键词Array.from 可迭代对象与类数组参数
    #数组与集合#异步编程
  2. 2202
    JavaScript数组与集合

    数组的 includes 和 indexOf 能找到 NaN 吗?两者还有哪些差别?

    [NaN].includes(NaN) 是 true,[NaN].indexOf(NaN) 是 -1,因为 includes 用 SameValueZero 比较,indexOf 用严格相等。这篇讲清三种相等算法的区别、两者在 +0 和 -0、稀疏数组上的表现,以及找 NaN 下标的正确写法。

    核心关键词includes 与 indexOf 检测 NaN 语义
    #数组与集合
  3. 2203
    JavaScript数组与集合

    map、filter、sort 链式调用会创建几个数组?怎么减少中间分配?

    map 和 filter 各返回一个新数组,sort 是原地排序、返回的还是同一个数组,所以三步链式调用只新建两个数组。这篇讲清怎么数分配、合并成一个循环后回调顺序会变、reduce 里展开累加器的平方级分配,以及什么时候才值得优化。

    核心关键词数组链式 map filter 中间内存分配
    #数组与集合
  4. 2204
    JavaScript数组与集合

    Array.isArray 和 instanceof Array 有什么区别?为什么跨 iframe 就失效了?

    instanceof 查的是原型链上有没有当前页面的 Array.prototype,Array.isArray 查的是对象本身是不是数组。iframe 里的数组原型是另一个 Array.prototype,所以 instanceof 返回 false。附伪造原型、改掉原型、TypedArray、Proxy 等情况下两者的结果。

    核心关键词Array.isArray 与 instanceof 跨 realm 区别
    #数组与集合
  5. 2205
    JavaScript数组与集合

    怎么手写 Symbol.iterator,让普通对象支持 for...of 和展开?

    给对象加一个 Symbol.iterator 方法,让它返回一个带 next 的对象,next 每次返回 { value, done },这个对象就能被 for...of 和展开语法使用。附为什么每次要返回新的迭代器、游标放在对象上导致只能遍历一次的坑,以及 return 方法在提前退出时的清理作用。

    核心关键词自定义迭代器 Symbol.iterator for...of
    #数组与集合
  6. 2206
    JavaScript数组与集合

    什么是类数组对象?arguments 和真数组有什么区别,怎么转换?

    类数组是有 length 和数字下标、但原型不是 Array.prototype 的对象,arguments 就是典型。它能按下标读、能 for...of,却没有 map、forEach。附三种转换写法、非严格模式下 arguments 和形参联动的坑、箭头函数没有 arguments,以及为什么新代码应该用剩余参数。

    核心关键词类数组对象 arguments 与数组转换
    #数组与集合
  7. 2207
    JavaScript数组与集合

    reduce 和 reduceRight 在顺序敏感的计算里有什么区别?

    reduce 从左往右遍历,reduceRight 从右往左,回调参数都是累加器在前、当前值在后。加法和乘法不受方向影响,字符串拼接、减法、函数组合就会得到不同结果。附用 reduceRight 实现 compose、它和 reverse 再 reduce 的区别,以及空数组时的报错。

    核心关键词reduce 与 reduceRight 遍历方向
    #数组与集合
  8. 2208
    JavaScript数组与集合

    forEach 或 map 遍历时修改原数组,哪些变化会被看到?

    在 forEach 回调里追加、删除、改值,哪些会被后续回调看到?讲清开始时固定长度、访问时再读值这两条规则,以及 splice 删除导致跳项的原因和安全的改法。

    核心关键词forEach map 修改原数组行为
    #数组与集合
  9. 2209
    JavaScript数组与集合

    数字数组直接 sort 为什么会把 10 排在 9 前面?

    sort 不传比较函数时会把元素转成字符串再比较,所以 10 排在 9 前面。讲清默认排序规则、比较器返回值的含义、返回布尔值为什么不对,以及对象数组、中文、NaN 的排序写法。

    核心关键词数组 sort 默认字符串 Unicode 排序
    #数组与集合
  10. 2210
    JavaScript数组与集合

    sort 会改原数组吗?不想改原数组该怎么排序?

    sort 会直接修改原数组,返回值和原数组是同一个引用。讲清怎样排序而不动原数组,slice、展开、toSorted 三种写法的区别,以及复制后对象元素仍然共享的问题。

    核心关键词sort 会修改原数组吗
    #数组与集合
  11. 2211
    JavaScript数组与集合

    splice 和 slice 有什么区别,哪个会改原数组?

    splice 会修改原数组,第二个参数是删除个数,返回被删掉的元素;slice 不改原数组,第二个参数是结束索引,返回截取的副本。附删除、插入、替换写法,负数索引规则和 toSpliced。

    核心关键词splice 与 slice 修改原数组区别
    #数组与集合
  12. 2212
    JavaScript数组与集合

    数组的 toString 和 join 有什么区别,嵌套数组真的被展平了吗?

    数组 toString 内部就是调用 join,默认用逗号连接。讲清 join 自定义分隔符、null 和 undefined 变空字符串、嵌套数组看起来被展平的原因,以及为什么 join 结果不能当序列化格式用。

    核心关键词数组 toString 与 join 区别
    #数组与集合
  13. 2213
    JavaScript数组与集合

    数组头部 shift、unshift 为什么常比尾部 push、pop 成本高?

    push 和 pop 只动数组末尾,shift 和 unshift 要把后面所有元素的索引挪一遍,所以大数组上头部操作更慢。讲清四个方法的返回值、复杂度,以及用 shift 做队列的问题和游标写法。

    核心关键词数组头部尾部操作性能差异
    #数组与集合#性能优化#算法
  14. 2214
    JavaScript数组与集合

    为什么空数组 reduce 不传初始值会抛错,应该返回什么才合理?

    reduce 不传初始值时拿第一个元素当累加器,空数组没有第一个元素,所以抛 TypeError。讲清 filter 之后突然报错的原因、求和与求最大值该怎么选初始值,以及单元素数组不执行回调的坑。

    核心关键词空数组 reduce 无初始值错误
    #数组与集合
  15. 2215
    JavaScript数组与集合

    for...of 和 forEach 怎么跳过当前项、提前结束,异步时有什么区别?

    forEach 里 return 为什么停不下来?对比 for...of 和 forEach 在跳过当前项、提前结束、处理 async 回调上的区别,以及查找用 some、find,顺序等待用 for...of,并发用 Promise.all 的选择方法。

    核心关键词for...of 与 forEach break continue 区别
    #数组与集合#异步编程#并发编程
  16. 2216
    JavaScript数组与集合

    用普通对象当字典时为什么会读到原型属性,Map 能避免吗?

    空对象读 obj.toString 也能拿到值,因为对象读属性会查原型链。讲清普通对象当字典的原型冲突问题,Map 的 get 和 has 为什么不受影响,以及 Object.hasOwn、Object.create(null) 和假值判断的坑。

    核心关键词Map 避免原型链属性冲突
    #数组与集合
  17. 2217
    JavaScript数组与集合

    Map 的遍历顺序是怎么定的,和对象的属性顺序有什么区别?

    Map 严格按键第一次插入的顺序遍历,更新已有键不改变位置,删除后再插入才会排到最后。对象则会把整数键按数值大小排在最前面。附对照代码、LRU 缓存的写法和对象属性排序规则。

    核心关键词Map 迭代顺序与对象属性顺序
    #数组与集合
  18. 2218
    JavaScript数组与集合

    JSON.stringify(Map) 为什么得到空对象,怎样可靠保存再恢复?

    JSON.stringify 只看对象的可枚举自有属性,Map 的数据不存在属性上,所以得到 {}。讲清转成条目数组再用 new Map 恢复的写法,Object.fromEntries 的键类型问题,以及对象键、BigInt 等特殊值的限制。

    核心关键词Map JSON.stringify 序列化
    #数组与集合
  19. 2219
    JavaScript数组与集合

    Map.set 和 Set.add 为什么能链式调用,delete、clear 可以吗?

    Map.set 和 Set.add 返回集合本身,所以能接着调用;delete 返回布尔值表示删没删成功,clear 返回 undefined,都不能再链下去。讲清各方法返回值、链式调用是原地修改,以及 React 里更新 Map 状态的写法。

    核心关键词Map Set 链式调用方法
    #数组与集合#构建工具
  20. 2220
    JavaScript数组与集合

    Map.size 和 Object.keys(obj).length 数的到底是什么?

    Map.size 数的是条目,Object.keys(obj).length 数的是自有、可枚举的字符串键,数组 length 只是最大索引加一。讲清三者的统计范围、Symbol 和不可枚举属性的差别,以及为什么普通对象没有 length。

    核心关键词Map size 与对象键数量获取
    #数组与集合
  21. 2221
    JavaScript数组与集合

    Map 和普通对象的键有什么本质区别,什么时候该用 Map?

    普通对象的键只能是字符串或 Symbol,数字和对象当键都会被转成字符串;Map 的键可以是任意值,对象按引用区分。附对照代码,讲清什么时候该用 Map、什么时候用对象更合适。

    核心关键词Map 与普通对象键类型对比
    #数组与集合
  22. 2222
    JavaScript数组与集合

    Set 遍历时新增、删除和重新加入成员,会不会重复处理?

    Set 按插入顺序遍历,遍历中新加的成员会被访问到,还没访问就被删除的会跳过,删除后重新加入的会再访问一次。讲清这三条规则、为什么可能死循环,以及先复制快照再遍历的写法。

    核心关键词Set 迭代中修改元素行为
    #数组与集合
  23. 2223
    JavaScript数组与集合

    Set 是怎么判断重复的,为什么 NaN 能去重而两个相同的对象不行?

    Set 用 SameValueZero 判断重复,NaN 等于 NaN,+0 等于 -0,不做类型转换,对象按引用比较。讲清它和 === 与 Object.is 的区别,数组去重的写法,以及对象数组按 id 去重该怎么做。

    核心关键词Set SameValueZero 唯一性 NaN +0 -0
    #数组与集合
  24. 2224
    JavaScript数组与集合

    频繁判断元素是否存在时,Set.has 一定比 includes 快吗?

    数组 includes 要从头逐个比较,Set.has 通常是哈希查找,查询次数多时 Set 更快。但建 Set 本身要遍历一遍,只查一次或每次都重建就不划算。讲清复杂度、什么时候值得建 Set,以及常见的写法错误。

    核心关键词Set 与数组元素存在性检查性能
    #数组与集合#性能优化#构建工具
  25. 2225
    JavaScript数组与集合

    稀疏数组的空位和 undefined 有什么区别,为什么 Array(n).map 不执行?

    new Array(3) 只设置了长度,里面一个元素都没有,这叫空位。讲清空位和 undefined 的区别、为什么 map 和 forEach 会跳过空位、怎样用 fill 和 Array.from 初始化数组,以及 fill 对象时共享引用的坑。

    核心关键词JavaScript 稀疏数组空位与 undefined 区别
    #数组与集合
  26. 2226
    JavaScript数组与集合

    数组展开为什么能复制数组和 Set,它背后到底读取了什么?

    数组展开 [...x] 靠的是迭代器协议,只要对象实现了 Symbol.iterator 就能展开,所以数组、Set、Map、字符串都行。讲清展开是浅拷贝、为什么类数组对象展开会报错,以及数组展开和对象展开的区别。

    核心关键词展开运算符 数组 迭代器机制
    #数组与集合
  27. 2227
    JavaScript数组与集合

    WeakMap 的键只能是对象吗,它怎样影响垃圾回收?

    WeakMap 的键传统上只能是对象,ES2023 起也可以是非注册的 Symbol。它对键是弱引用,键对象没有其他引用时条目会被回收。讲清为什么不能用字符串当键、为什么没有 size 和遍历,以及适合的缓存和私有数据场景。

    核心关键词WeakMap 键对象 垃圾回收影响
    #数组与集合#缓存
  28. 2228
    JavaScript数组与集合

    WeakSet 适合用来标记对象已处理吗,它和 Set 有什么不同?

    WeakSet 只能存对象和非注册 Symbol,对成员是弱引用,没有 size 也不能遍历。讲清它最适合的场景:给对象打「已处理」标记、遍历对象图时防止循环引用,以及标记失败后如何允许重试。

    核心关键词WeakSet 与 Set 引用遍历标记对象
    #数组与集合
  29. 2229
    JavaScript数据处理

    ArrayBuffer 和 SharedArrayBuffer 有什么区别,分别用在什么场景?

    ArrayBuffer 发给 Worker 时要么复制一份,要么转移所有权;SharedArrayBuffer 是主线程和 Worker 同时读写同一块内存,所以要用 Atomics 保证读改写不被打断。附共享计数器示例、跨源隔离要求和选择建议。

    核心关键词ArrayBuffer 与 SharedArrayBuffer 区别
    #数据处理
  30. 2230
    JavaScript数据处理

    ArrayBuffer 的 transfer 和 slice 有什么区别,处理大数据时该用哪个?

    slice 复制一段字节生成新的 ArrayBuffer,原来的照常可用;transfer 把内存移交给新的 ArrayBuffer,原来的变成已分离状态、长度为 0。讲清两者的内存开销、旧视图失效的问题、transfer 改变长度的规则和兼容写法。

    核心关键词ArrayBuffer transfer 与 slice 区别
    #数据处理
  31. 2231
    JavaScript数据处理

    怎么把 Blob 转成 ArrayBuffer,有哪些 API 可以用?

    现代浏览器直接用 await blob.arrayBuffer(),老环境用 FileReader.readAsArrayBuffer 配合 load、error 事件。讲清两种写法、怎样把 FileReader 封装成 Promise、大文件为什么要用 stream 或分片读取,以及转文本的更简单方法。

    核心关键词Blob 转 ArrayBuffer 的 API 方法
    #数据处理#异步编程
  32. 2232
    JavaScript数据处理

    Blob、File、ArrayBuffer 和 TypedArray 之间是什么关系?

    File 继承自 Blob,多了文件名和修改时间;Blob 是不可修改的字节块;ArrayBuffer 是可读写的一段内存;TypedArray 是按固定类型解读 ArrayBuffer 的视图。附读取文件头的示例,讲清它们怎么互相转换。

    核心关键词Blob File ArrayBuffer 二进制数据关系
    #数据处理
  33. 2233
    JavaScript数据处理

    解析二进制协议时,为什么要用 DataView 而不是 Uint16Array?

    解析文件头、网络包这类二进制数据时,类型化数组只能按本机字节序、按对齐位置读同一种类型,DataView 可以在任意偏移读任意宽度,并逐次指定大端或小端。附协议头解析示例和对齐报错的原因。

    核心关键词DataView 字节序 与类型化数组区别
    #数据处理
  34. 2234
    JavaScript数据处理

    new Date 传数字、传字符串、传多个参数,分别按什么时区算?

    new Date 传数字是 UTC 毫秒时间戳,传年月日多个参数按本地时区,传字符串要看格式:只有日期按 UTC,有时间没偏移按本地,带 Z 或偏移就是确定的时间点。附对照代码、月份从 0 开始和日期溢出的坑。

    核心关键词JavaScript new Date 构造器参数 时间基准
    #数据处理
  35. 2235
    JavaScript数据处理

    夏令时切换那天,用 Date 做时间计算会出什么问题?

    夏令时切换那天,有一小时的本地时间不存在,还有一小时会出现两次。讲清 Date 遇到不存在的 02:30 为什么变成 03:30,加 24 小时和加一天为什么不一样,以及日程类业务该怎么存时间。

    核心关键词JavaScript Date 夏令时切换 时间运算问题
    #数据处理
  36. 2236
    JavaScript数据处理

    Date 对象里存的是时间戳还是本地时间?为什么换台电脑打印出来就不一样?

    Date 内部只存一个 UTC 毫秒时间戳,不存时区。getHours、toString 按运行环境的本地时区显示,getUTCHours、toISOString 按 UTC 显示。讲清同一个时间点为什么在北京和纽约打印不同,以及 Date 为什么记不住输入时的偏移。

    核心关键词JavaScript Date 时间戳存储与时区输出
    #数据处理
  37. 2237
    JavaScript数据处理

    new Date 解析失败了怎么判断?instanceof Date 为什么不够?

    new Date 解析失败不会返回 null,也不报错,而是得到一个时间值为 NaN 的 Date 对象。讲清为什么 instanceof 判断不出来,怎么用 Number.isNaN 配合 getTime 检测,以及 2 月 31 日这种会被自动进位、根本不算无效的日期怎么校验。

    核心关键词JavaScript 检测 Invalid Date 的方法
    #数据处理#表单
  38. 2238
    JavaScript数据处理

    setHours 和 setUTCHours 有什么区别?什么时候结果会不一样?

    setHours 改的是本地钟点,setUTCHours 改的是 UTC 钟点。讲清在东八区把时间设成当天零点为什么两者差 8 小时,跨夏令时加两小时为什么一个过了 3 小时一个过了 2 小时,以及 setter 会原地修改对象、返回时间戳这两个坑。

    核心关键词JavaScript Date setHours与setUTCHours区别
    #数据处理
  39. 2239
    JavaScript数据处理

    getTimezoneOffset 在北京为什么返回 -480,而不是 8?

    getTimezoneOffset 返回的是 UTC 减本地时间的分钟数,所以东八区是 -480,符号和常说的 UTC+8 正好相反。讲清它为什么和具体日期有关、半小时时区怎么格式化,以及想知道用户时区名该用什么。

    核心关键词JavaScript Date getTimezoneOffset 时区偏移
    #数据处理
  40. 2240
    JavaScript数据处理

    为什么 toISOString 打出来的时间比北京时间少 8 小时,toLocaleString 却是对的?

    toISOString 固定输出 UTC 时间、以 Z 结尾,是给机器交换数据用的;toLocaleString 按语言和时区输出给人看的文本。讲清两者的分工、用 toISOString 截日期为什么会少一天,以及显示指定时区时间的正确写法。

    核心关键词Date toISOString 与 toLocaleString 时区差异
    #数据处理
  41. 2241
    JavaScript数据处理

    文件开头带 BOM 时,TextDecoder 会怎么处理?ignoreBOM 是什么意思?

    TextDecoder 默认会识别开头的 BOM 并把它去掉,设置 ignoreBOM 为 true 反而会把 BOM 留在结果里,名字很容易理解反。讲清 BOM 是什么、为什么 Excel 导出的 CSV 常带它、分块解码怎么处理,以及它引起的 JSON 解析失败。

    核心关键词TextDecoder 处理BOM ignoreBOM选项
    #数据处理
  42. 2242
    JavaScript数据处理

    中文名字用 sort() 排出来乱七八糟,怎么按拼音或语言习惯排序?

    数组 sort 默认按 UTF-16 编码比较字符串,中文不按拼音,item10 会排在 item2 前面。讲清 Intl.Collator 怎么按语言规则排序,numeric 和 sensitivity 两个常用选项,以及它和 localeCompare 的关系。

    核心关键词Intl.Collator 按语言规则比较字符串
    #数据处理
  43. 2243
    JavaScript数据处理

    页面要同时显示北京时间和纽约时间,用 Intl.DateTimeFormat 怎么写?

    给 Intl.DateTimeFormat 传 timeZone 选项,就能把同一个 Date 显示成任意地区的当地时间,不用改服务器时区,也不用自己加减小时。讲清 locale 和 timeZone 的分工、IANA 时区名的写法、formatToParts 拼自定义格式,以及 SSR 时的时区一致性。

    核心关键词Intl.DateTimeFormat 指定时区格式化时间
    #数据处理
  44. 2244
    JavaScript数据处理

    「张三、李四和王五」这种列表文案,为什么不能直接用 join 拼?

    把几个名字连成一句话,中文用顿号加「和」,美式英文最后一项前还要加逗号,德语又不加。讲清 Intl.ListFormat 的 format 用法,type 的 conjunction、disjunction、unit 三种语义,以及用 formatToParts 给每一项加链接的写法。

    核心关键词Intl.ListFormat 按语言格式化列表
    #数据处理
  45. 2245
    JavaScript数据处理

    显示金额时,为什么不要写 '$' + amount,而要用 Intl.NumberFormat?

    金额格式不只是前面加个符号:千分位、小数位、符号放前还是放后、负数怎么写,各国都不一样,日元还没有小数。讲清 Intl.NumberFormat 的 style currency 用法、currencyDisplay 怎么区分美元和加元,以及格式化不能解决浮点精度的问题。

    核心关键词Intl.NumberFormat currency 货币格式化
    #数据处理
  46. 2246
    JavaScript数据处理

    很大或很小的数字,怎么用 Intl.NumberFormat 显示成科学计数法?

    Intl.NumberFormat 的 notation 选项有 standard、scientific、engineering、compact 四种。讲清科学计数法和工程计数法的区别、有效数字怎么控制、和 toExponential 有什么不同,以及 988M、9.9亿这种紧凑写法该用哪个选项。

    核心关键词Intl.NumberFormat 科学计数法 notation
    #数据处理
  47. 2247
    JavaScript数据处理

    做多语言时,「1 file / 2 files」这种单复数怎么写才对?

    英语只有单数和复数两种,俄语有三种,阿拉伯语有六种,用 count === 1 判断只对英语有效。讲清 Intl.PluralRules 的 select 返回什么、怎么配合文案表使用、ordinal 模式怎么生成 1st 2nd 3rd,以及为什么文案表必须有 other。

    核心关键词Intl.PluralRules 选择复数形式
    #数据处理#表单
  48. 2248
    JavaScript数据处理

    评论区的「5 分钟前」「昨天」,用 Intl.RelativeTimeFormat 怎么实现?

    Intl.RelativeTimeFormat 的 format 接收一个带正负号的数值和单位,负数表示过去,正数表示未来,numeric 设为 auto 还能输出昨天、明天。讲清它只负责措辞、不负责算时间差,以及怎么自己写一个自动选单位的 timeAgo 函数。

    核心关键词Intl.RelativeTimeFormat 相对时间格式化
    #数据处理
  49. 2249
    JavaScript数据处理

    中文没有空格怎么分词?emoji 的长度为什么不对?Intl.Segmenter 怎么用?

    split 按空格切不了中文,length 数 emoji 会多算,Intl.Segmenter 按语言规则把文本切成用户看到的字符、单词或句子。讲清 grapheme、word、sentence 三种粒度,isWordLike 和 index 的含义,以及字数统计、安全截断这些常见用法。

    核心关键词Intl.Segmenter 字符串分词分句
    #数据处理
  50. 2250
    JavaScript数据处理

    用户的语言浏览器不支持时,Intl 会怎么回退?应用要怎么兜底?

    Intl 的构造器遇到不支持的语言不会报错,而是悄悄回退到更通用的语言或运行环境默认值。讲清 supportedLocalesOf 怎么检测支持情况、resolvedOptions 怎么看最终用了哪种语言,以及为什么应用还要有自己的语言回退,不能只依赖 Intl。

    核心关键词Intl supportedLocalesOf 地区回退检测
    #数据处理
上一页
1…4344454647…100
下一页
前端进阶之旅本地 Markdown 维护 · 服务端分页 · 完整内容对用户与搜索引擎一致