-
image-rendering:pixelated仅在放大时生效，缩小则退化为auto；应改用crisp-edges实现放大和缩小均禁用插值，确保像素图边缘锐利。
-
data-*属性能存数据但不私有，仅适合公开辅助信息；dataset自动驼峰转换且值恒为字符串，getAttribute返回原始字符串；敏感或复杂数据应存JS变量或Map而非DOM。
-
lang属性必须写在<html>标签上且只能出现一次，如<htmllang="zh-CN">；zh-CN最通用，zh-Hans强调简体字适用多地区，禁用单独的zh；多语言页面通过子元素lang属性局部覆盖。
-
不能。WindiCSS构建时扫描源码提取静态class字符串生成CSS，需接入Vite等构建环境并配置include路径；动态class需注释或extract显式声明，且不支持@apply和运行时HTML分析。
-
<p>ViewTransitionsAPI仅支持同一页面内同名、同级或嵌套的DOM节点间过渡，需用单容器包裹缩略态与展开态并共享viewTransitionName，通过aria-hidden切换状态，动效必须使用:view-transition-*伪类和@property控制。</p>
-
高阶函数是接受函数作为参数或返回函数作为结果的函数。它体现“函数可被当作值传递和生成”，常见于数组方法、定时器、防抖、柯里化及Promise链等场景，判断依据是形参含函数类型或返回函数表达式。
-
Sass和Less在变量作用域、嵌套选择器&用法、函数兼容性及构建生态上存在本质差异：Sass作用域严格、!default可控、&要求空格、函数类型安全；Less变量懒求值易覆盖、&解析宽松、函数参数和返回值不一致、loader配置逻辑不同。
-
本文解决CSSMarquee中第二组内容不可见的问题：根本原因是overflow:hidden作用于父容器，而动画却未应用在可滚动的子元素上；正确做法是将@keyframes动画直接绑定到每个.work_banner_content元素，而非父容器。
-
cite标签仅用于语义化标记独立创意作品标题，如《三体》《Inception》，不可含作者、年份、URL等元数据；错误使用会误导辅助技术、破坏HTML语义与可访问性。
-
直接在关键节点插入性能打点可精准定位重排重绘源头与瓶颈；聚焦Layout（重排）和Paint（重绘）阶段，用performance.mark/measure细粒度追踪JS触发的DOM操作链，并结合DevToolsRendering面板验证图层合成与伪优化陷阱。
-
JavaScript异步循环中索引错位问题源于var声明的i被闭包引用而非复制，IIFE通过传参创建独立作用域锁定当前索引值；ES6推荐用let声明或forEach替代。
-
必须在play()前设置currentTime，且需用户手势触发、等待loadedmetadata事件、处理play()返回的Promise拒绝；否则iOSSafari等浏览器会静音拦截或跳转失败。
-
禁用HTML5表单默认验证弹窗需在<form>标签中直接添加novalidate属性，并监听submit事件调用event.preventDefault()和form.checkValidity()手动校验，避免动态添加或框架条件绑定导致失效。
-
<search>标签不是有效HTML标签，未被HTMLLivingStandard采纳，浏览器视其为未知元素；正确写法是<form>包裹<inputtype="search">并配<label>，语义化且兼容无障碍与搜索引擎。
-
flex:none等价于flex:00auto，表示不放大、不缩小、基准尺寸按内容或宽高计算，并非脱离Flex布局，仍保留对齐与顺序控制能力。
