-
Intl.DisplayNames比toLocaleString更适合查名称，因为它专为“反查”设计，可直接通过类型（region/language/currency）和标准代码（如"US"/"zh"/"USD"）获取本地化全称，而toLocaleString仅能格式化已有值，无法反向映射。
-
::-webkit-scrollbar在Firefox中无效，因其仅支持WebKit/Blink内核浏览器（Chrome、Edge、Safari），Firefox则使用scrollbar-width和scrollbar-color属性替代，且必须作用于html或body元素。
-
Bootstrap5按钮hover背景色不生效，因:focus/:active样式覆盖或权重更高；应同时定义:hover/:focus/:active三态，提高选择器特异性，并适配深色模式及Sass变量定制。
-
答案：构建零依赖且支持Tree-shaking的JS库需使用ES模块语法、声明module入口、标记sideEffects为false，并通过Rollup等工具打包输出ESM和CJS格式，避免动态导入与第三方依赖。
-
按钮禁用状态加:disabled没反应，主因是目标元素非原生可禁用控件（如div/span），仅button/input/select/textarea支持disabled属性和:disabled伪类；应优先使用语义化原生按钮并正确设置disabled布尔属性。
-
requestAnimationFrame更适合逐帧动画，因其由浏览器调度、对齐刷新率、避免错帧掉帧、支持后台节流；需手动闭环调用、结合时间戳实现匀速运动，并避免强制同步布局操作。
-
justify-content在flex换行后并非失效，而是仅作用于每行内部；末行对齐需用grid、gap+margin、占位符或JS动态补全等方案实现。
-
不支持SRI的浏览器直接忽略integrity属性，资源照常加载执行，既不校验也不报错；老版本IE、Android4.4及更早WebView等完全不识别该属性。
-
可在Babel编译期自动注入SDK性能打点逻辑，无需改业务代码；通过AST匹配CallExpression节点识别目标调用（如AlipaySDK.pay），插入start/end计时及上报，支持Promise/回调/异常捕获，零依赖、不污染全局、可配置白名单。
-
使用HTML锚点或JavaScript可实现返回顶部功能。HTML锚点通过<ahref="#top">跳转，简单但无平滑效果；JavaScript调用window.scrollTo({top:0,behavior:"smooth"})实现平滑滚动，并可结合滚动事件控制按钮显示，提升用户体验。建议固定定位按钮于右下角，初始隐藏并按滚动距离显示，适配移动端与可访问性，避免固定头部遮挡内容。
-
浮动侧边栏小屏下不堆叠的解决方法是：在@media中将.sidebar和.main-content设为float:none、width:100%并加box-sizing:border-box；仅改width不够，须同步清空padding、border、margin；calc()在小屏易出错，建议改用width:100%或flex；动画应避免transitionwidth，改用transform:translateX()提升性能。
-
:empty仅匹配无任何子节点（含空格、换行、注释）的元素，常因DOM中隐式插入内容而失效；需配合::before/after实现占位，或改用:not(:has(*))、JS判空、data属性等兼容方案。
-
首先将HTML代码保存为.html文件，再用浏览器直接打开即可查看效果；若需调试动态功能，可使用VSCode的LiveServer插件或通过Node.js搭建本地服务器运行。
-
<cite>标签仅语义化包裹被引用作品的正式标题（如书名、电影名等），不可含作者、URL、年份等元数据，且必须置于blockquote、q或描述性语句等引用上下文中使用，脱离语境则丧失语义价值。
-
零基础可一天上线母婴商城静态页：用语义化HTML+CSS实现商品列表，突出年龄、材质、认证等关键信息，价格用class="price"标记，图片带描述性alt，响应式用Grid/Flex布局，购买按钮跳转真实buy.html并解析URL参数展示商品名，必加viewportmeta和触控适配，信息颗粒度需源自产品说明书与国标。
