-
关键在于正则是否被缓存复用且带g标志并被闭包长期持有，导致lastIndex持续变化干扰匹配；典型表现为对同一字符串连续test结果交替，或lastIndex非零时从中间匹配。
-
text-overflow:ellipsis必须同时满足三个条件才生效：white-space:nowrap、overflow:hidden和明确的宽度限制（如width或max-width）；仅支持单行省略，多行需借助-webkit-line-clamp等方案。
-
Symbol.isConcatSpreadable仅在Array.prototype.concat()中控制传入参数是否展开，不参与继承，只检查参数对象自身属性，不沿原型链查找。
-
autofocus仅在页面初始加载时对静态HTML元素生效，动态插入、模态框、框架组件中均失效，需用JavaScript显式调用.focus()并配合时机控制与兼容性处理。
-
viewport-fit=cover是iOSSafari（11.2+）中允许网页内容渲染到安全区外的声明，需配合env()函数使用，且必须与width=device-width、initial-scale=1.0共存才生效；安卓端完全忽略该属性。
-
用Map存储函数引用是轻量级元编程，关键在于安全存储、快速查找和稳定扩展；需依场景选容器，统一接口封装函数，并分离注册与执行流程。
-
CSS变量中带空格的字体名必须将引号写入变量值内，如--font-main:"HelveticaNeue",sans-serif；fontshorthand不支持var()，须显式声明font-family。
-
答案：使用HTML5Canvas结合JavaScript绘制动态时钟，通过arc绘制表盘外圈，createRadialGradient实现渐变填充，for循环绘制12个刻度及数字，利用translate和rotate变换简化指针旋转逻辑，通过requestAnimationFrame实现每秒更新动画，配合save/restore保持坐标系状态，最终呈现一个带立体感渐变、平滑转动的模拟时钟。
-
仅写appearance:none无法清除iOS输入框内阴影，必须搭配-webkit-appearance:none和background-color:transparent、border:1pxsolidtransparent、outline:none、padding与line-height显式设置这4+关键项，否则阴影照旧。
-
grid-template-areas必须每行引号内字符数相等、区域名不重复不遗漏、空白用"."占位；grid-template-columns/rows单位需按fr/px/auto语义合理搭配；grid-template简写顺序固定为行/列/区域，缺项需用/占位；其值不支持CSS变量或表达式。
-
<script>标签中的同步代码是宏任务，由HTML解析时按规范入队；其内部产生的Promise.then、queueMicrotask等回调才构成微任务，事件循环在每个宏任务后清空微任务队列。
-
opacity动画需显式声明transition或animation才能生效，@keyframes必须明确起止值0和1，配合forwards填充模式及visibility:hidden实现真正淡出。
-
Vue计算属性可返回函数，用于动态取值与响应式更新，如根据key读取对象字段；其原理是computed封装可追踪值，返回函数时闭包捕获最新响应式数据，调用时自动获取新值。
-
Flex实现响应式等高列在Less中需设父容器display:flex和flex-wrap:wrap，子项用flex:11auto，配合@media(max-width:768px)设flex-direction:column及flex:11100%，避免固定高度破坏拉伸逻辑。
-
实现自然圆角的关键在于比例协调、内外一致、适配场景，推荐按容器尺寸比例设置（如小按钮12%、卡片16%），采用四角差异化处理、搭配box-shadow与渐变背景，并用clamp()响应式控制。
