-
Object.fromEntries不支持嵌套解析，需手动实现nestedAssign：先按数组语法（key.endsWith('[]')）或点号路径（key.split('.')）分类处理entries，逐层创建对象或推入数组，注意类型兼容与空值语义。
-
article标签本身不直接提升SEO排名，但错误使用会损害SEO和无障碍体验；它向搜索引擎和读屏软件表明内容可独立索引与分发，必须包裹真正具备独立语义的内容（如博客正文、新闻稿、单条评论），且每个article必须含且仅含一个有意义的h1–h6标题。
-
CSScubic-bezier()仅控制属性值随时间变化的速率，不改变运动路径；如配合translateX()或opacity使用，元素仍沿直线运动，无法实现弧线轨迹。
-
HTML5拖拽API仅捕获拖放动作并获取FileList，上传需配合FileReader或FormData与fetch/XHR；dragover和drop事件必须调用preventDefault()，否则流程中断；应直接使用dataTransfer.files而非items，移动端需降级为fileinput。
-
CSS选择器无法向上选择父元素，这是由规范决定的设计限制；:has()是唯一例外但支持有限且性能开销大，真正需要父子联动时应使用JavaScript。
-
函数组合（compose）从右到左执行，如f(g(h(x)))；管道（pipe）从左到右执行，更符合阅读顺序；二者均通过reduce或reduceRight实现，依赖纯函数与一元化设计以保障可靠性。
-
HTML本身不支持工厂模式，“HTML工厂模式”实为用JavaScript在浏览器中模拟工厂逻辑，动态创建并组装DOM元素；核心是封装document.createElement等操作为可扩展、解耦的函数或类，统一接收配置对象、返回HTMLElement实例，避免硬编码与原型污染，按项目复杂度选用简单工厂、工厂方法或抽象工厂结构。
-
width和height对<span>等行内元素无效，因CSS规范规定行内元素不参与块级布局，盒模型属性被忽略；设display:inline-block可兼顾行内流与盒模型控制，但需注意vertical-align和空白符间隙问题。
-
用CSSGrid实现表单自适应，比float和inline-block更可靠Grid是目前最可控的表单布局方案，尤其适合字段数量不固定、需要响应式断行的场景。它能避免float清除问题和inline-block的空白间隙干扰，也比Flex在二维对齐上更直观。常见错误现象：display:flex套多层flex-direction:column后，label和input高度错位；或者用float:left导致小屏幕下字段重叠。把form设为di
-
JavaScript正则表达式是内置RegExp对象实例，非语法糖；动态构建必须用newRegExp()并转义元字符；match/replace/test行为差异大，需注意g标志和lastIndex状态；点号、行锚、Unicode匹配等默认限制易致失效。
-
闪烁动画应使用@keyframes定义0%/100%opacity:1与50%opacity:0的循环关键帧，配animation:blink1sstep-endinfinite实现开关式效果；IE需JS切换transitionclass；须规避光敏风险、提供禁用开关及prefers-reduced-motion支持。
-
grid-gap为什么对图片马赛克没反应？因为grid-gap只作用于grid容器的直接子元素之间，如果你把直接塞进display:grid容器却没设grid-template-columns/rows，浏览器可能按单列流式渲染，间隙就“看不见”。更常见的是：图片被拉伸变形后撑满单元格，间隙被视觉上“吞掉”了。实操建议：必须显式定义网格结构，比如grid-template-columns:repeat(3,1fr)给加object-fit:cover或ob
-
padding会撑大元素尺寸是盒模型默认行为，非bug；启用box-sizing:border-box可使width/height包含padding；简写顺序为上右下左；垂直居中应优先用flex或grid而非padding。
-
模态框高度不随内容撑开需用min-height与max-height组合：设min-height保小内容不塌缩，max-height用CSS变量限制上限，overflow-y:auto加在内容区实现局部滚动。
-
CSS的cursor属性用于设置鼠标悬停时的指针样式，提升交互体验。支持default、pointer、wait等内置类型，也可通过url()使用自定义图像并指定热点位置，如cursor:url('cursor.cur'),default。实际应用中，.btn用pointer表示可点击，.loading用wait提示加载，.disabled用not-allowed禁止操作，合理使用可增强界面直观性。
