-
label的for属性必须严格匹配目标元素的id，区分大小写且不可用name替代；嵌套控件于label内更可靠；ARIA仅作补充，不替代原生语义。
-
将HTML5文件保存为.html格式并双击用浏览器打开可直接预览；2.使用代码编辑器如VSCode配合LiveServer插件实现自动刷新预览；3.对于涉及JS请求等复杂功能，需通过Node.js安装http-server搭建本地服务器，在http://localhost:8080访问以避免跨域问题。
-
变量提升是JS编译阶段将var声明“记忆”到作用域顶部但保留赋值位置，let/const仅提升声明而不初始化并设TDZ；typeof访问TDZ中变量仍报错，函数声明完全提升而表达式受TDZ约束。
-
JavaScript框架是解决DOM更新、状态管理与团队协作问题的约定；Vue通过响应式劫持实现数据驱动视图，React依赖Hooks调用顺序与依赖数组保证渲染一致性；选型应基于项目现状、团队习惯与生态适配。
-
答案：结合PBR与阴影映射可在WebGL中实现物理光照与阴影。首先在片元着色器中使用BRDF模型（如GGX）计算基于反照率、金属度、粗糙度和法线贴图的光照响应，支持环境光、点光源等类型；接着通过深度纹理实现阴影映射——从光源视角渲染场景生成shadowmap，在主通道中将片段深度与shadowmap比较以判定阴影，并采用PCF滤波软化边缘；若集成Ammo.js等物理引擎，需每帧同步物体变换矩阵并更新光源视图矩阵，动态物体实时更新shadowmap，静态物体检影烘焙以优化性能；建议采用级联阴影映射提升远距离
-
按钮点击缩放动画不触发，需同时设置常态transition和:active状态transform，移动端加touch-action:manipulation，并确保父容器渲染层正常。
-
解构赋值可从数组或对象中简洁提取数据，支持默认值、嵌套解构、别名及函数参数应用，提升代码清晰度与开发效率，尤其适用于处理复杂数据结构和配置项。
-
box-shadow没效果最常见的原因是元素无实际尺寸或内容、父容器overflow:hidden裁剪阴影、颜色对比度不足；需检查尺寸、背景、overflow、颜色透明度、模糊值及z-index层叠关系。
-
捕获先于冒泡，事件流分为捕获、目标、冒泡三阶段；默认addEventListener在冒泡阶段执行，设第三个参数为true才在捕获阶段响应；stopPropagation()可阻止后续传播，但需谨慎使用以免破坏事件委托等正常逻辑。
-
flex-grow:1实现子项自动扩张需满足三条件：父容器设display:flex；兄弟项flex-grow为0或未设置；配合flex-basis和flex-shrink避免意外收缩。
-
<p>只设width:100%不够，真正响应式需同时约束相对宽度、原始宽高比和最大物理尺寸；框架类如img-fluid或max-w-full仅提供基础兜底，须配合aspect-ratio、max-h-*及srcset等协同控制。</p>
-
本文介绍如何利用CSSGrid实现8个表格在单页上的灵活、响应式网格化布局，避免传统浮动或绝对定位的复杂性，确保结构语义清晰、维护性强。
-
响应式Grid的核心是按断点主动切换网格结构，最直接方式是在@media中重定义grid-template-columns等整体属性，而非仅调整子项；需同步重置grid-template-areas、grid-auto-flow等依赖项以避免布局错乱。
-
Bootstrap的.form-control类可统一input/select/textarea样式，.form-floating实现浮动标签，状态类需与.form-control共用，尺寸应优先使用.form-control-lg/.sm而非手动调整height。
-
CSS过渡性能瓶颈在于重排重绘，width/height/top/left等布局属性易触发；应优先使用transform和opacity等GPU加速属性，并避免强制同步布局。
