-
Set可快速去重原始值，但对象需按字段用Map或filter+findIndex；NaN自动合并，-0/+0默认等价；大数据量应避免O(n²)算法，优先用Map缓存键值。
-
JSON是轻量级纯文本数据交换格式，支持字符串、数字、布尔值、null、数组、对象6种类型，不支持函数、日期、二进制等，限制包括无注释、无类型信息、无法表示循环引用和二进制数据。
-
Symbol.iterator是JavaScript中定义对象遍历行为的特殊属性，使对象可被for...of、扩展运算符等使用；2.它通过实现返回迭代器对象的方法，提供next()以逐步返回{value,done}结构，从而支持迭代协议。
-
datalist标签通过将input的list属性与datalist的id关联，为输入框提供可选的建议列表，用户可自由输入或选择预设选项。1.datalist与select的区别在于：select强制用户从固定选项中选择，适用于选项明确且需严格控制的场景；而datalist仅提供智能提示，不限制自定义输入，适合搜索框、开放性字段等需灵活性的场景。2.移动端兼容性方面，datalist在部分安卓浏览器和iOSSafari中可能存在提示不自动弹出或样式异常的问题，建议进行多端测试并结合CSS或JavaScri
-
<p>尾递归优化可减少栈溢出风险，通过将递归调用置于函数末尾并传递累积值，如阶乘函数factorial(n,acc=1)在n≤1时返回acc，否则递归调用factorial(n-1,n*acc)，避免深层调用导致的栈增长。</p>
-
Iterator是一种协议，要求对象实现[Symbol.iterator]()方法并返回含next()的迭代器对象，next()须返回{value,done}结构且done为布尔值。
-
IntlAPI提供高级功能实现精准国际化：1.NumberFormat支持单位和紧凑格式，如“5kilograms”“1.2K”；2.RelativeTimeFormat生成“昨天”“后天”等自然语言时间；3.Collator按语言习惯排序，支持忽略重音、数值排序；4.ListFormat格式化列表为符合语法规则的自然语言，如“苹果和香蕉”“redorblue”。
-
父元素必须显式设置position:relative才能成为absolute子元素的定位上下文；若未设置，子元素将向上查找最近的定位祖先，导致定位异常。
-
本文详解因嵌套多个Router实例导致路由跳转失效的根本原因，并提供基于createBrowserRouter和布局路由（LayoutRoute）的正确解决方案，确保导航无刷新、状态不重置。
-
box-shadow发虚或不明显主因是模糊半径和偏移量不足、元素未脱离文档流或背景对比弱；需合理设置y-offset、blur-radius、透明度及背景色，并配合border-radius与多层阴影提升立体感。
-
flex-wrap:wrap未换行主因是父容器宽度过大或未设宽，致子项可单行排列；需设width/max-width、检查flex-shrink及white-space；justify-content仅作用于当前行内对齐。
-
本文讲解如何在AJAX请求返回的聊天消息中，依据bot布尔字段动态为消息容器添加right或默认类，从而通过CSS实现用户消息左对齐、机器人消息右对齐的聊天界面布局。
-
答案：CSSGrid与绝对定位结合时，需设置相对定位的包含块以实现精确定位。通过在Grid单元格内使用position:relative容器包裹position:absolute元素，可在指定区域叠加标签、蒙版等；Grid负责整体布局，absolute实现局部覆盖，配合z-index控制层级，避免错位或溢出，适用于响应式设计中的悬浮元素布局。
-
文字压不到图片是因层级未正确设置：文字和图片需同属一个层叠上下文，且都必须为已定位元素（如position:relative）才能使z-index生效。
-
首先检查文件扩展名和编码格式，确保为.html且使用UTF-8编码；接着验证HTML5结构完整性，包含<!DOCTYPEhtml>及正确闭合的<html><head><body>标签；然后排查外部资源路径是否正确，利用开发者工具查看404错误；排除浏览器兼容性问题，优先在现代浏览器中测试并避免未广泛支持的API；检查JavaScript语法错误与执行顺序，确保脚本无报错并在DOM加载后运行；最后确认是否需本地服务器环境，对AJAX等功能使用Python等工具
