-
inputrange必须显式设置min、max、value属性，否则语义丢失且读取/提交易出错；step控制合法取值点，小数step需防浮点误差；应监听input事件实现实时响应，而非仅用change；原生样式跨浏览器差异大，深度定制建议用div模拟。
-
String.prototype.at()提升路径处理安全性：支持负索引（如at(-1)取末字符），语义清晰，避免手动计算长度导致的越界错误，比方括号访问更简洁可靠。
-
Vue页面更新慢的根源在于响应式追踪、虚拟DOMdiff、组件结构和浏览器渲染四层耦合；需通过合理key、计算属性、shallowRef、markRaw、组件拆分、virtualscroll及CSS优化等手段精准优化。
-
使用类选择器如.menu-toggle和.nav-menu.active控制导航显示状态，结合属性选择器input[type="checkbox"]:checked+.nav-menu实现无JS菜单开关，通过媒体查询与后代选择器@media(max-width:768px)调整移动端垂直布局、隐藏主菜单并优化间距，实现响应式导航。
-
防范XSS攻击需从输入验证、输出编码和CSP策略入手，严格过滤用户输入，使用textContent替代innerHTML，配合DOMPurify处理富文本，启用CSP限制脚本来源，针对存储型、反射型和DOM型XSS采取差异化防护，并利用React、Vue等框架的内置转义机制及WAF等工具实现多层防御。
-
纯CSS轮播可用input[type="radio"]配合:checked实现显隐切换，或用transform:translateX()加animation实现滑动效果，需注意容器溢出隐藏、图片尺寸控制及用户交互暂停动画。
-
答案：CSS中background-image不支持直接过渡，但可通过分层和opacity实现视觉平滑切换。1.使用双层结构配合opacity过渡实现淡入淡出；2.利用伪元素减少HTML标签，保持结构简洁；3.结合JavaScript控制类切换，适用于交互场景；4.注意图片预加载、性能优化及内存管理，确保流畅体验。
-
<title>标签是搜索引擎判断页面主题的首要依据，直接决定页面能否被正确识别、收录和排序；其语义权重远超title属性、h1等，且必须真实存在于HTML源码中、长度适配、语言匹配、动态更新及时。
-
元素尺寸异常主因是box-sizing未统一为border-box，导致content-box下padding/border额外增加；其次margin合并、单位混用、定位基准缺失及Flex/Grid中margin行为变化共同引发布局混乱。
-
伪元素可用:before，但推荐::before；CSS2旧伪元素单双冒号等效，CSS3新伪元素如::selection、::placeholder必须用双冒号，单冒号会静默失效。
-
order不可动画因其不在CSS可动画属性列表中，浏览器不监听也不插值；应改用grid-column/grid-row等可插值属性配合transform或FLIP模式实现平滑过渡。
-
dir属性仅支持ltr、rtl、auto三个值：ltr为默认值，用于英语等左到右语言；rtl用于阿拉伯语等右到左语言，影响标点、光标、剪贴板等底层行为；auto依赖首字符判断方向但极易误判，线上项目不推荐使用。
-
按钮点击无反馈主因是缺少视觉状态变化与过渡效果，需正确设置:hover/:active、cursor:pointer、touch-action及transition属性，并组合transform、背景色等实现下压反馈。
-
toString在对象转字符串时被优先调用，如字符串拼接、alert、console.log、String()；valueOf在需原始值时被优先调用，如数学运算、比较、Number()；引擎按规范顺序尝试二者，重写需确保返回符合类型要求的值。
-
HTML原生<textarea>不支持内联样式，无法单独高亮或下划线其中部分文字；正确方案是改用contenteditable="true"的<div>，结合DOM操作动态包裹错误单词并应用CSS样式。
