-
HTML5中展示PPT需转换格式：一、导出PDF嵌入iframe；二、用OfficeOnlineViewer嵌入PPTX；三、转HTML+Reveal.js实现交互；四、用PptxGenJS动态生成；五、iframe+postMessage与第三方播放器通信。
-
浮动与inline-block可结合用于灵活布局。1.解决间隙：父元素font-size设0或移除HTML空格；2.混合布局：侧栏用float，内部卡片用inline-block；3.清除浮动影响：通过BFC或clear避免错位，调整vertical-align对齐；4.响应式处理：设置box-sizing、white-space，媒体查询中切换显示模式。建议高控场景用浮动或Flexbox，文本流用inline-block。
-
opacity+transform动画更流畅，因transform触发GPU合成层加速，避免重绘；需配合不改变视觉的transform（如translateZ(0)）并避免触发布局的属性。
-
实现背景图半透明需用rgba()遮罩或伪元素控opacity：前者在同元素设background-image与background-color:rgba()，后者用::before绝对定位加opacity；禁用容器级opacity以免内容变透。
-
:first-of-type匹配父元素中同类型标签的第一个，而非DOM首个子元素；如父元素内有p、div、p，则首p匹配，次p不匹配，且忽略文本/注释节点。
-
判断HTML5元素是否被屏幕阅读器正确识别，关键看其在可访问性树中是否暴露正确的role、name、state和properties；需用ChromeDevTools的AccessibilityInspector验证ComputedRole、Name及States。
-
JavaScript是单线程语言，因运行时环境（如V8）仅提供一个调用栈和任务队列，旨在避免DOM竞争；但通过事件循环、异步回调和WebAPIs实现并发效果；WebWorkers支持真正并行，具独立上下文与通信机制。
-
HTML5手机端JS插件卡顿主因是主线程资源争抢，需优化初始化时机、避免同步layout、适配WebView差异并精简JS执行。
-
实现记忆卡片游戏需HTML构建结构，CSS实现3D翻转动画，JavaScript负责核心逻辑；2.JavaScript关键在于DOM操作、事件处理、状态管理（如hasFlippedCard、lockBoard）、洗牌算法（应使用Fisher-Yates确保随机性）和匹配判断；3.流畅动画依赖CSStransform和transition，配合backface-visibility:hidden防止视觉穿透，并设置合理动画时长（0.5-0.8秒）与非匹配翻回延迟（1-1.5秒）；4.常见挑战包括随机性不足（
-
JavaScript数组是带数字键的特殊对象，length可读写；push()为O(1)因引擎优化末尾操作，unshift()为O(n)因需平移所有元素；map()不修改原数组但未return会填undefined；for...of支持中断和异步，forEach()不可退出且不等待异步。
-
在TypeORM中动态构建查询时，若需通过循环为andWhere添加多个带命名参数的条件，必须确保参数对象的键名与SQL字符串中:${key}的占位符严格一致——关键在于使用计算属性名语法{[varname]:value}，而非字面量键{varname:value}。
-
用createElement创建元素需设置内容、属性并手动插入；优先用classList和dataset操作类与data属性；批量渲染用DocumentFragment提升性能；动态事件用事件代理避免重复绑定。
-
移动端无真正:hover，iOS/Android仅延迟触发且不稳定；应改用touchstart/touchend手动切换is-hovered类，配合CSS实现可靠悬停效果。
-
:nth-child匹配父元素下第N个子元素（不区分标签类型），:nth-of-type只匹配同标签的第N个元素；前者按位置，后者按类型分组编号。
-
纯CSS无法监听外部样式表加载完成，必须用JS监听link.onload事件触发类名切换，再通过伪元素实现Loading动画效果。
