-
transition通过状态变化触发动效，适用于简单交互反馈；2.animation基于@keyframes独立运行，支持复杂关键帧与循环，适合连续动画；3.推荐transition用于用户交互过渡，animation用于自动播放或精细控制，优先使用transform和opacity以优化性能。
-
JavaScript原生提供模板字符串（反引号包裹，支持${expression}插值），可嵌入变量、表达式、函数调用、多行文本及HTML片段，并可通过标签函数实现转义等高级功能。
-
iPad无法通过HTML5直接导入游戏存档，因其受WebKit安全模型限制，localStorage和IndexedDB数据绑定域名且不暴露路径，SafariiOS版无导出功能；仅部分游戏主动实现导出逻辑才可行。
-
语义标签错位源于浏览器默认样式差异，需显式设置display、box-sizing等；IE11需html5shiv+display:block；布局失效因未同步更新CSS，语义化不等于免配置。
-
节流是按固定时间间隔执行函数，首次触发立即执行，后续每wait毫秒最多执行一次；核心用时间戳判断差值，确保过程快照而非最终状态。
-
:enabled和:disable伪类用于区分表单元素的可交互状态，前者为可操作元素设置样式如蓝色边框，后者为禁用元素添加灰色背景与禁止光标，提升表单状态的视觉提示。
-
答案：通过CSSAnimation和transform:scale()实现图片缩放轮播。首先构建包含多张图片的容器，设置绝对定位与隐藏溢出；利用@keyframes定义从放大1.2倍淡入至正常尺寸再淡出的动画；为每个图片项设置不同延迟的无限循环动画；可选添加:hover暂停效果，实现纯CSS、流畅且兼容的轮播展示。
-
::backdrop伪元素可自动为全屏元素或模态对话框创建样式化遮罩层，无需额外DOM。它能实现半透明模糊背景、自然动画效果，并避免z-index冲突，相比传统多节点遮罩更简洁高效。主流浏览器已支持，不兼容时可降级使用JavaScript方案。
-
hsla()函数通过色相、饱和度、亮度和透明度定义半透明颜色，适用于现代UI设计中的背景、文字、边框及渐变效果，相比rgba()更直观调控色调变化。
-
使用background-size属性可实现背景图像动态缩放：cover保持比例全覆盖但可能裁剪；100%100%强制拉伸易变形；contain完整显示留空白；媒体查询适配多端；CSS变量支持动态控制。
-
使用JavaScript对表单数据进行前端格式化可提升准确性与体验，如手机号分段、金额千分位、邮箱域名小写等；通过监听input或blur事件实时处理，并在submit时统一清理空格、标准化日期、过滤非法字符；结合HTML5的type和pattern属性引导输入，辅以Inputmask、Numeral.js等库处理复杂格式，平衡用户体验与数据规范。
-
闭包是内部函数捕获并持有外部变量引用，使变量在外部函数执行完毕后仍保留在内存中；形成需满足三条件：存在内部函数、其被外部引用、且访问外部变量；核心价值在于封装状态与延续作用域生命周期。
-
ease-in-out动画卡顿主因是重排、未启用硬件加速及曲线非对称；应仅用transform/opacity，配合will-change或translate3d启用GPU渲染，并用cubic-bezier自定义更平滑曲线。
-
本文介绍使用JavaScript的flat()和reduce()方法，将多层嵌套的用户数据按class_id分组聚合，生成结构清晰的班级-学生映射数组，解决传统遍历逻辑无法处理跨子数组同字段归并的问题。
-
答案是掌握WebGL渲染流程可快速上手3D图形绘制：先准备顶点数据，编写并编译GLSL着色器，将数据传入GPU，最后调用绘图命令；一个红色三角形的简单示例包含顶点与片元着色器、缓冲区创建及drawArrays调用，理解此基础流程后可逐步扩展颜色、变换、纹理和动画，建议先实践原生WebGL再使用Three.js等高级库。
