-
使用固定margin、gap属性、clamp()函数和媒体查询等方法可实现CSS中元素间的最小间距效果，推荐在Flexbox或Grid布局中使用gap避免拥挤并解决margin折叠问题。
-
通过统一设置body与目标子元素（如.clock）相同的渐变背景，并确保背景不重复、高度撑满视口，即可实现视觉上无缝延续的渐变效果，避免因嵌套导致的断层或错位。
-
text-indent属性通过设置首行缩进影响换行，过大值会减少可用宽度导致文本换行，如容器宽200px时设180px缩进易触发换行；负值结合padding-left可实现悬挂缩进，如text-indent:-20px与padding-left:20px使首行左移、其余行右移；该属性仅对块级或inline-block元素有效，行内元素需转换显示类型才生效；JavaScript可通过屏幕宽度动态计算缩进值并实时调整，如监听页面加载与窗口变化事件实现响应式缩进。
-
模态框不必强制使用position:fixed，但绝大多数场景下这是最稳妥的选择；它能脱离文档流、不随滚动移动、始终相对于视口定位，而absolute易受祖先定位或transform影响导致错位。
-
Sticky定位需谨慎兼容：现代浏览器基本支持但IE全不支持，Safari15.4、Chrome56、Firefox32前版本亦失效；应先写fixedfallback再用@supports包裹sticky规则；注意iOSSafari对table子元素、transform等属性及overflow设置的限制；移动端降级需补padding防布局断裂；微信X5内核建议媒体查询强制降级。
-
WebCodecs的核心优势在于提供原生性能与硬件加速、细粒度帧级控制、低延迟本地处理、与Web技术栈无缝融合，从而实现实时视频滤镜与特效的高效处理。
-
柯里化是将多参数函数转换为依次接收单个参数的嵌套函数链，延迟执行直至参数齐全。例如add(1)(2)(3)逐步传参，核心通过闭包与fn.length判断参数是否完整，常用于参数预设、高阶函数构造和事件处理，提升复用与组合性，但不适用于不定参函数且可能影响性能和调试。
-
border-style:solid在HTML5中依然有效，其取值规则未变，实线边框发虚等问题源于subpixel渲染与像素对齐，而非属性失效；修复需结合transform、box-sizing等控制渲染行为。
-
JavaScript表单动态验证需监听input、blur等事件实时反馈，避免干扰；用防抖节流处理高频输入，setCustomValidity()协调原生验证，区分字段验证节奏，并处理输入法、粘贴等边界情况。
-
Java的String.replaceFirst()默认将参数视为正则表达式，若待替换字符串含|、*、+等元字符会导致意外行为；使用Pattern.quote()可自动转义所有正则元字符，实现字面量精准替换。
-
在JavaScript中，使用pop()方法可以从数组末尾移除元素并返回该元素。1.pop()会直接修改原始数组，移除最后一个元素并将其返回；2.若数组为空，pop()返回undefined且不改变数组；3.使用pop()后，原数组会被修改，所有引用该数组的变量都会反映这一变化；4.pop()是高效且语义清晰的方法，适用于频繁操作数组末尾的场景；5.相比之下，splice()可移除任意位置的元素但返回值为数组，而调整length属性可截断数组但不返回被移除元素。
-
1px实线边框在高DPI屏上变虚是因亚像素渲染导致，非CSS错误；推荐用box-shadow模拟实线，如box-shadow:01px00#000，并配合viewport设置与媒体查询优化。
-
Bulma的columns+is-multiline列错位主因是列默认等高拉伸、内容高度不一导致视觉偏移，及子项未规范使用column类或响应式断点误触发换行；应显式设column宽度、加align-self:flex-start或.columns.is-multiline{align-items:flex-start;}，并慎用外边距。
-
首先确保Spring后端使用@RestController或@ResponseBody返回JSON，前端用fetch或$.ajax发送请求并解析响应，注意处理CORS跨域配置，调试时检查Network面板确认数据正确返回。
-
滚动监听应绑定到window而非容器元素，因静态页实际滚动主体是window；需用window.pageYOffset和document.documentElement.scrollHeight计算进度，并通过requestAnimationFrame节流更新，同时监听resize修复iOSSafari的height变化问题。
