-
多列布局列间距不均主因是gap与margin混用或未重置默认样式；CSSColumns需用column-gap而非gap，Grid/Flex可用gap；首尾不齐应加padding平衡；兼容旧浏览器时可用:not(:last-child)配margin模拟。
-
CSS过渡性能瓶颈在于重排重绘，width/height/top/left等布局属性易触发；应优先使用transform和opacity等GPU加速属性，并避免强制同步布局。
-
Chart.js适合静态或低频图表，echarts/Plotly.js适合高频更新与深度交互；D3.js灵活但需手动实现细节；封装图表组件应避免过度抽象，推荐用hook管理生命周期。
-
HTML5本身不支持建模，所谓“HTML5建模”实为通过WebGL库（如Three.js）加载渲染3D模型；合并多个glTF模型应使用Group逻辑组合而非修改geometry；动画需共用AnimationMixer；性能敏感时慎用mergeGeometries；浏览器无法导出glTF，拼装应在建模工具或服务端完成。
-
价格卡片应使用语义化标签：section包裹，h3标明套餐名，价格数字用span或strong加aria-label，周期文本用aria-hidden隐藏；等高布局首选flex；价格需Intl.NumberFormat本地化；角标须加aria-hidden；交互元素必有焦点样式。
-
BigInt是JavaScript中用于精确表示任意精度整数的原始类型，解决Number类型超出9007199254740991后精度丢失问题；需用后缀n或BigInt()创建，不支持小数、Math方法及JSON序列化，运算需同类型，ES2020起支持。
-
grid-template-areas是固定CSSGrid区域位置最直观可靠的方式，通过命名区域定义布局结构，各子元素用grid-area显式绑定对应名称，确保位置稳定且响应式易调整。
-
正确引入CSS需使用link标签并避免@import，优先预加载关键CSS；通过Cache-Control设置强缓存、文件指纹和CDN提升性能；内联首屏样式并异步加载非关键CSS，优化首屏渲染速度。
-
在HTML中设置画中画字幕样式需使用CSS的::picture-in-picture-cue伪类，该伪类专门用于控制PiP模式下字幕文本的视觉样式，如颜色、背景、字体大小等；2.可通过video::picture-in-picture-cue或特定元素选择器（如#myVideo::picture-in-picture-cue）定义样式，支持设置color、background-color、font-size、text-shadow等文本属性，但无法控制字幕在PiP窗口中的位置；3.实际应用中可结合类名或d
-
CSSLint已停止维护，其解析器基于2011–2014年旧规范，无法识别现代CSS语法（如自定义属性、calc()空格、嵌套、@layer等），导致大量误报或静默跳过，不建议新项目使用。
-
flex-direction在媒体查询中不生效的根本原因是父容器未启用Flex布局，需检查display是否被覆盖为block或grid；响应式应优先用min-width而非onlyscreen；column-reverse慎用于语义区域，推荐order属性；子项尺寸建议用flex-basis替代width。
-
:required仅匹配required属性且不自动添加星号或提示，需手动用::after或HTML实现；优先级低易被覆盖，IE10+支持但IE不支持input上::after；动态添加属性即时生效，但不可替代服务端校验。
-
内联style和style标签适合极小项目或临时调试，常规开发强烈推荐link外链CSS文件；核心区别在于是否合适项目规模、可维护性、性能及协作需求。
-
JavaScript的class是原型机制的语法糖，本质仍基于prototype；它不可提升、方法不可枚举，继承需super()初始化this并确保__proto__链正确，new操作符遵循四步流程，误用会破坏原型链。
-
gap是Flexbox和Grid中统一控制列/行间距的最直接方式，仅在flex-wrap:wrap的flex容器和grid容器中生效，不支持IE，且与子项margin叠加而非覆盖。
