-
lvh/svh是CSS新增视口单位，lvh表示不考虑软键盘的最大可用高度，svh表示键盘弹出时的最小可用高度；相比100vh，它们原生响应键盘状态，避免iOS底部fixed元素被遮挡及安卓高度突变问题。
-
遮罩文字不居中需确保父容器设position:relative；hover闪动应搭配transform过渡与pointer-events控制；flex/Grid下遮罩须显式设宽高；移动端需处理z-index、pointer-events及hover/active/媒体查询兼容。
-
必须将perspective设在卡片父容器（如.card-container）上，值取800–1200px；子元素需设transform-style:preserve-3d和backface-visibility:hidden，并显式声明rotateY(0deg)起始态。
-
e.preventDefault()有时无效的主因是事件未绑定到真正触发目标：如监听却点击其子元素，或在表单中误监听click而非submit；href="#"会触发锚点滚动且preventDefault无法阻止；古董浏览器需兼容e.returnValue=false；框架中修饰符须直接作用于标签本身。
-
ruby标签加拼音需rb与rt成对使用并配合CSS样式，单独<ruby>汉<rt>hàn</rt></ruby>因缺rb且未设font-size、line-height等会导致不显示或错位；多字须分rb+rt逐字标注，避免语义错位。
-
推荐SVGpath方案因其动画平滑、兼容性好、可控性强；clip-path在Safari等浏览器不支持属性插值致跳变，background-image依赖外部资源且接缝难调；SVG可通过d属性精确控制贝塞尔曲线，配合transform或JS更新实现高精度动画。
-
history.pushState不触发页面跳转，因其仅修改URL和历史记录；需手动监听popstate事件并更新视图，且首次加载须主动读取location.pathname渲染。
-
构造函数不拦截深拷贝，深拷贝与初始化属不同层面；C++应重载拷贝构造函数实现深拷贝+初始化一致性，JS/Java需深拷贝后手动调用初始化方法。
-
HTML注释唯一标准语法是<!--注释内容-->，支持单行或多行，不可嵌套，需避免特殊字符干扰，应贴近所注释代码并保持可读性。
-
CSS媒体查询可直接控制颜色，推荐优先使用prefers-color-scheme，结合自定义属性统一管理，避免硬编码和冗余选择器，同时兼顾辅助功能查询。
-
答案：reduce不仅能求和，还可构建树结构、统计频次、分组、函数组合及扁平化数据。1.用reduce将扁平数组转为嵌套树形；2.去重并统计元素出现次数；3.实现多条件分组groupBy；4.组合多个函数形成执行管道；5.替代map+flat灵活重组深层结构。其核心是遍历中累积状态，适用需维护上下文的场景。
-
IE8及更老浏览器不识别HTML5语义标签，需用document.createElement()声明并设display:block；功能标签需polyfill；html5shiv仅解决标签识别，CSS须用class选择器；JS需转译+运行时polyfill。
-
Chrome任务管理器是定位多标签页内存异常最直接的工具，按Shift+Esc一键呼出，点击“内存”列排序后重点关注“类型”为“标签页”且占用超400MB的进程，同时筛查扩展程序与后台页面，并可通过chrome://flags启用悬停内存提示实现免开窗监控。
-
默认竖排、中大屏横排最稳妥：button-group设flex-direction:column，@media(min-width:768px)切row并加flex-wrap:wrap；按钮需max-width:100%、box-sizing:border-box及white-space:nowrap防错位。
-
正确使用:visited与:hover需遵循LVHA顺序，a:visited定义已访问链接颜色，a:hover实现悬停效果，组合a:visited:hover可设独特悬停样式，但受隐私限制仅支持基础颜色属性。
