-
padding是元素内容与边框间的内边距，影响背景和尺寸；margin是边框外与其他元素的间距，不显示背景且可为负值。1.padding属于内部空间，增加元素整体大小，背景色会延伸至该区域；margin属于外部空间，不影响自身尺寸但控制元素间距离。2.使用padding可提升内容可读性、按钮舒适度；使用margin实现模块间隔、居中布局。3.默认width仅含content，padding会扩大实际占用空间，可通过box-sizing:border-box调整；垂直margin相邻时会发生合并，取最大值而
-
真正掌握JavaScript函数需在真实场景中反复实践，核心难点是闭包生命周期、this绑定时机及高阶函数执行上下文丢失；函数作为一等公民体现为赋值、传参、返回、动态创建；常见错误包括箭头函数this失绑、forEach无法break；高阶函数用于抽象重复逻辑如withLoading、debounce；闭包本质是保留定义时作用域链；应避免Function构造器，优先用策略对象或白名单解析器。
-
本文详解如何让JavaScript文本滑动动画同时作用于多个.animate-text元素，解决querySelector()仅匹配首个元素导致其余实例失效的问题，并提供可复用、无冲突的模块化实现方案。
-
语义正确的列表需按意图选用：无序列表<ul>用于无顺序依赖项（如菜单），有序列表<ol>用于有顺序项（如步骤）；嵌套时子列表须完整置于父<li>内，<li>中禁用<p><div>等非法子元素。
-
为页面内容设置最大宽度并居中，推荐使用容器（如.container）配合max-width:min(1440px,90vw)和margin:0auto，并约束内部元素宽度以确保响应式阅读体验。
-
Edge旧内核（12–18）仅支持同文档内联SVG滤镜，不识别外部SVG中的filter定义；必须将filter内容复制到页面内联svg中，并用filter:url(#id)引用，且需确保ID唯一、尺寸属性设为100%。
-
不能——CSS滤镜函数按声明顺序串行执行，sepia()会压缩色域，再叠加hue-rotate()易导致色相失控、发紫或无变化；精细调色需用canvas手动处理。
-
flex水平垂直居中需父容器设display:flex、justify-content:center、align-items:center及明确高度（如100vh）；grid则用place-items:center更简洁，但兼容性受限；margin:auto垂直居中仅在绝对定位+四边为0时生效。
-
用forEach当只需执行副作用操作（如打印、发请求、修改外部变量），它不返回有效值；用map当需生成新数组（如提取字段、格式化、计算），它返回等长新数组且不改变原数组。
-
video标签不加载MP4主因是路径错误或MIME类型不匹配，需用HTTP服务而非file://协议，正确配置src与source的type属性，并添加muted、playsinline等属性适配移动端自动播放。
-
图片缩放通过transform:scale()与transition结合实现，鼠标悬停时平滑放大；设置transform-origin、固定容器尺寸、提升z-index可优化体验；结合卡片容器并添加阴影变化，使用cubic-bezier调整缓动，能增强交互质感。
-
通过结合CSS的transition、transform与Flexbox、Grid布局，可实现高效流畅的动画交互。首先transition定义过渡效果，transform执行旋转缩放等视觉变化，二者配合用于按钮悬停、菜单展开等场景；在Flexbox中利用transform实现元素浮起动画，不触发重排，性能优越；Grid布局虽不支持grid属性直接动画，但可通过transition平滑切换class状态，配合transform实现模块扩展效果；实际应用中应优先使用GPU加速属性如transform和opac
-
使用CSS框架如Animate.css和Tailwind可快速实现按钮动画。通过引入Animate.css并结合hover触发脉冲效果，或在Tailwind中利用transition、transform类实现悬停缩放与变色。在React中配合CSSModules，可通过状态控制点击时的抖动动画，关键在于交互状态与动画类的结合，合理运用transition、transform和keyframes提升按钮响应性与视觉体验。
-
高阶函数是接受函数为参数或返回函数的函数；JavaScript中map对每个元素调用回调生成新数组，不修改原数组；reduce按序累积计算，返回单一值；二者常组合使用实现先转换后聚合的逻辑。
-
对话框背景置灰的本质是用fixed定位的半透明遮罩层覆盖内容，而非给body加灰度滤镜；需组合使用fixed、inset-0、bg-black、bg-opacity-50和z-40，且遮罩层须与对话框同级并设置aria-hidden="true"。
