-
flex-wrap不换行主因是父容器宽度不足或子项尺寸被锁死；gridauto-flow:dense不控制换行，换行由grid-template-columns与wrap配合实现；Flex换行属溢出补救，Grid换行属网格预分配。
-
最直接方式是用@keyframes定义opacity与scale交替的pulse动画，时长2s、ease-in-out、infinite循环；多步引导用animation-delay错开启动；停用时用animation-play-state:paused而非删class。
-
使用::picture-in-picture-buffering伪类可为画中画模式下的视频缓冲状态添加视觉反馈，如半透明遮罩和旋转加载动画，提升用户体验。2.该伪类受限于浏览器兼容性、样式能力局限及性能平衡，实际应用中需注意降级处理与第三方播放器整合。3.优化PiP体验还可通过简化控制、显示上下文信息、采用自适应流媒体技术和增强可访问性来实现。
-
使用CSSGrid的auto-fit与minmax结合实现响应式卡片布局，容器通过display:grid和repeat(auto-fit,minmax(250px,1fr))自动调整列数，小屏用mediaquery设1fr单列，中屏增大最小宽度至300px，大屏限制max-width居中，配合gap调整间距，卡片内图片设width:100%防止溢出，整体兼顾自适应与可读性。
-
清除浮动因浮动元素脱离文档流导致父元素高度塌陷，使用overflow:hidden可触发BFC包含浮动子元素，从而防止塌陷，但会隐藏溢出内容，需根据场景选择更合适的清除方法。
-
display切换方案的核心思路是通过媒体查询将表格元素转换为块级元素，实现垂直堆叠布局，并利用data-label属性和伪元素恢复表头信息。具体步骤：1.使用语义化HTML结构；2.在小屏幕媒体查询中设置display:block并隐藏表头；3.通过data-label和::before伪元素显示列标题；4.调整样式优化对齐与布局。局限性包括代码冗余、内容过长影响体验、可访问性问题、交互限制及不适用于复杂比较型表格。其他响应式策略有横向滚动、列隐藏、翻转表格和使用JavaScript库，各自适用于不同场
-
JavaScript中没有“循环_”语法，合法循环语句仅有for、while、do...while、for...of和for...in五种，均为内置结构；常见错误包括中文命名、下划线误用及混淆Python语法。
-
本文详解如何在不新增行的前提下，通过Bootstrap模态框+jQuery实现表格行的原地编辑与更新，解决“点击编辑后提交却新增行而非替换”的常见问题。
-
NotificationAPI需用户手势触发权限请求，仅permission为"granted"时可创建通知；需监听onclick等事件并手动close()管理实例，移动端Safari支持极弱。
-
HTML5动画绑定点击事件需分场景：SVG元素可直接绑定；Canvas需手动碰撞检测；CSS动画元素仍为DOM可直接绑定，但注意pointer-events设置。
-
课程页应正确使用HTML5语义标签：主标题用唯一<h1>，简介放<main>内<section>中；课程卡片用<article>，动作列表用<ol>而非<section>；评论区用<section>并关联aria-labelledby。
-
auto-fill实现列数自适应需配合minmax()设定列宽范围，如repeat(auto-fill,minmax(250px,1fr))；auto-fit则收缩空列，更适用于卡片列表。
-
touchstart/touchmove/touchend需调用preventDefault()才能持续触发，否则浏览器优先执行原生滚动；应仅在目标容器绑定事件，touchstart阶段判断手势意图再阻止默认行为；多点触控须用targetTouches计算中心点和缩放比；CSStransform需配合will-change和translate3d启用硬件加速；调试需用ChromeSensors模拟触摸并启用移动设备模式；务必处理touchcancel以重置状态。
-
直接在HTML中用<style>标签写CSS最省事，适合快速验证样式；也可用JS动态插入或在开发者工具中实时编辑；但仅限调试，避免污染生产代码。
-
AppCache已被所有主流浏览器废弃，唯一可行的离线方案是ServiceWorker+CacheAPI；因其存在更新不可控、全站故障、不支持请求拦截等根本缺陷，W3C于2018年将其标记为obsolete。
