-
JavaScript有7种原始类型（string、number、boolean、null、undefined、symbol、bigint）和1种引用类型，检测需综合typeof、instanceof、Object.prototype.toString.call()及专用方法如Array.isArray()。
-
Chrome68–92对autocomplete="new-password"支持不稳定：68–75仅注册/改密页有效，76–92遇name="password"等仍可能降级填充；93+起需动态name且立即设置，否则失效；iOSSafari长期不支持且长按粘贴绕过所有前端校验。
-
用window对象全局分发事件实现跨组件状态同步，本质是利用CustomEvent在全局广播状态变更，各组件通过addEventListener监听并响应，需注意生命周期管理、命名规范及内存泄漏风险。
-
JavaScript有七种原始数据类型：string、number、bigint、boolean、null、undefined、symbol；它们按值传递、不可变、自动装箱，且除null外typeof返回准确小写类型名。
-
background-clip:text配合-webkit-text-fill-color:transparent是实现可控七彩文字的核心方案，但Firefox完全不支持；text-shadow仅能模拟发光或描边，无法实现文字内部渐变填充，必须通过背景渐变裁剪实现。
-
用原生JavaScript实现优惠券弹窗需确保点击按钮后正确显示弹窗、将data-code属性中的优惠码复制到剪贴板、更新UI状态并持久化至localStorage，同时兼容iOSSafari等限制。
-
浮动元素错位因脱离文档流致父容器无法感知真实高度，矮元素右侧留空使后续元素上浮；硬设height易致溢出或留白；推荐用Grid替代，兼容性差时可退至Flex或用BFC清除浮动。
-
IE8不支持oninput事件，需用onpropertychange+onkeyup组合监听，并过滤非value属性变更；onpropertychange需校验propertyName==='value'并比对新旧值，再叠加onpaste/ondrop加setTimeout延迟读取以补全粘贴拖拽场景。
-
本文详解在HTML中存在多个同名（name）或重复ID（不推荐）表单元素时，如何安全、高效地批量获取其值，重点介绍getElementsByName和querySelectorAll的正确用法及最佳实践。
-
答案：通过background-image与background-clip:text结合-webkit-text-fill-color实现渐变文字。具体为设置线性渐变背景，用background-clip:text裁剪至文字区域，配合-webkit-text-fill-color:transparent使文字透明，从而显示背景渐变，需注意浏览器兼容性及回退方案。
-
Symbol.for()跨包“失效”是因为不同Realm或polyfill导致全局registry不共享；可靠方案是统一导出权威Symbol实例，或退用带命名空间的字符串key。
-
box-shadow四个参数依次为水平偏移、垂直偏移、模糊半径、扩展半径；颜色必须置于最后，否则整条声明失效；多层阴影从前到后绘制，inset需配合padding和颜色对比才可见；大圆角下建议用filter:drop-shadow()替代。
-
float元素无法垂直居中，因其脱离文档流导致父容器无高度基准；可行方案为改用table-cell（需设height）或flex布局，或临时用transform微调。
-
<p>at(-1)更优雅是因为它原生支持负索引、语义清晰、边界安全——-1直接表示末尾元素，空数组返回undefined且无副作用；而arr[arr.length-1]需手动计算长度，slice(-1)[0]有额外开销，str[-1]则因属性访问语义失效恒为undefined。</p>
-
@import无法实现真正的布局与内容分离，它仅拆分文件加载，不改变HTML结构与DOM层级，实际依赖选择器职责划分、命名约定（如l-、c-前缀）和层叠规则来隔离样式作用域。
