-
答案：通过JavaScript操作DOM、模板字符串、URL参数解析或后端模板引擎将变量值插入HTML。例如用document.getElementById("output").textContent="用户："+userName;实现动态显示，或使用EJS、Jinja2等服务端模板渲染变量内容。
-
绝对定位通过设置父元素为relative，子元素为absolute并结合top/right/bottom/left与transform，可实现模态框居中、图标徽标叠加、下拉菜单悬浮及容器内元素对齐等布局效果。
-
Flex容器多行时align-content控制行间分布，而项目内多行文本对齐需将项目设为flex容器并用align-items:flex-start；二者需协同使用才能实现整体与内部统一顶部对齐。
-
推荐用minmax(200px,200px)1fr1fr：首列严格固定200px且语义明确，后续列用fr按比例分配剩余空间，兼容性好，避免auto-fill等动态布局干扰。
-
JavaScript中的类是构造函数的语法糖，本质仍基于原型继承，仅提供更清晰的面向对象写法；它支持constructor、实例方法、静态方法、extends继承，但具有提升限制、严格模式、不可枚举等特性。
-
正确显示摄氏度符号（℃）需用UTF-8编码配合Unicode字符（U+2103）、HTML实体（℃或℃）、CSS伪元素或SVG内联绘制，确保跨浏览器兼容与字体无关性。
-
掌握正则高级技巧可高效处理文本，①用分组捕获提取年月日，②命名捕获提升可读性，③前瞻后顾精准匹配金额，④惰性匹配避免越界，⑤replace回调动态首字母大写。
-
CSSGrid列宽与盒模型冲突时，应使用minmax(0,1fr)替代1fr以忽略min-content限制，并为子项设置box-sizing:border-box和width:100%确保填满列宽。
-
hover提示框闪烁的主因是用display切换显隐导致重排，正确做法是保持DOM存在，用visibility+opacity配合transition，且transition声明在默认样式中。
-
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为布尔值。
