-
正确设置margin-top和margin-bottom可实现清晰垂直布局，需注意外边距合并问题。1.基本语法中通过设定像素值控制上下间距；2.相邻块级元素会触发外边距合并，可采用单侧设margin、添加border或创建BFC解决；3.在Flex/Grid布局中推荐使用gap替代margin以避免合并；4.重置默认样式表中的margin并统一设置能建立可控的垂直节奏。合理运用这些方法可提升布局稳定性与一致性。
-
父元素是否影响图像位置取决于其是否为定位上下文或特定display类型：position非static时可作为绝对定位包含块；flex/grid下由对齐属性控制；inline默认行为导致基线留白。
-
掌握WebGL需先获取canvas上下文，再创建着色器、编译链接程序，接着传入顶点数据到缓冲区并关联attribute，设置uniform变量，构建MVP矩阵实现3D变换，最后调用绘图命令完成渲染。
-
通过opacity和transform结合transition实现弹窗动效，1.结构上使用modal容器包含内容框；2.初始隐藏并设置透明度、缩放及过渡；3.添加active类触发动画，改变透明度、可见性和缩放；4.JS通过类名切换控制显示隐藏，配合visibility和pointer-events避免误交互。
-
display本质是控制“外部行为”和“内部布局”两个维度，如flex即blockflex：对外块级独占行，对内弹性排列；一维用flex，二维用grid；inline无效宽高，inline-block有空白间隙，none彻底移除元素。
-
CSS动画通过animationstart、animationend、animationiteration事件触发JS响应，需确保元素已渲染且样式生效；重播需强制回流；复杂交互推荐element.animate()；防重复触发应检查getAnimations()状态。
-
答案：设计可扩展事件总线需支持动态注册、高效触发与内存泄漏防护，通过命名空间管理事件，实现on、off、emit核心机制，结合上下文绑定与自动清理，并提供调试日志、监听查询与中间件支持，确保结构清晰、接口简洁，便于演进。
-
服务工作者通过拦截网络请求实现离线访问，其核心是生命周期管理与缓存策略。注册后经历安装、激活阶段，可预缓存资源并清理旧缓存；fetch事件中采用缓存优先、网络优先或竞速模式应对不同资源需求；需注意HTTPS限制、缓存版本控制及存储增长问题，结合DevTools调试确保离线功能稳定可靠。
-
overflow:scroll强制显示滚动条，即使内容未溢出；应优先用auto实现按需滚动，hidden仅裁剪渲染不阻事件，flex/grid容器需显式高度约束才触发滚动，移动端需overscroll-behavior控制滚动链。
-
border-width不支持CSS过渡，会导致边框“跳变”；应改用box-shadow、outline或JavaScript实现平滑效果。
-
安卓微信X5内核对<mark>标签支持不完善，需显式重置样式、禁用字体缩放、避免嵌套与动态插入，并建议降级为<spanclass="highlight">实现高亮。
-
border-color动画未生效主因是初始边框缺失或写法错误，需确保元素有solid等可见边框，正确使用@keyframes定义颜色变化，并通过animation属性调用，避免使用非标准的animation-border-color。
-
事件循环是单线程任务执行节奏：同步代码→清空所有微任务→执行一个宏任务→循环。Promise.then总比setTimeout先执行，因前者属微任务、后者属宏任务，且每轮宏任务后必须立即清空全部微任务。
-
HTML5上传性能优化关键在于减少干扰：合理控制分片粒度（如4MB起始）、避免readAsDataURL预览、用URL.createObjectURL替代Base64、采用fetch直传Blob、服务端需支持流式处理。
-
Android手机无法直接打开本地index.html文件，是因为系统默认用文件管理器而非浏览器处理，且Chrome等浏览器需手动输入file:///sdcard/Download/index.html格式URL才能正确加载。
