-
使用CSSGrid结合grid-auto-flow:dense可高效实现等间距瀑布流布局，1.将容器设为display:grid；2.使用repeat(auto-fill,minmax(200px,1fr))定义自适应列；3.设置grid-auto-rows:auto使行高随内容变化；4.启用grid-auto-flow:dense实现密集填充以减少空白；5.通过gap:16px统一行列间距；该方案利用Grid二维布局优势，相比浮动或Flexbox能真正实现错落有致的视觉效果，且无需JavaScript干
-
JavaScriptDate对象内部只存UTC时间戳，但方法默认按本地时区解析；创建时需用带Z或偏移的ISO字符串，显示时应明确时区并用Intl.DateTimeFormat等可控方式处理，存取数据必须统一用UTC。
-
trycatch仅捕获同步运行时错误（如ReferenceError、TypeError），无法捕获异步错误；async/await中必须await后置于try内才能捕获Promise拒绝；推荐用instanceof判断错误类型；finally中return会覆盖try/catch的返回值。
-
CSS:target伪类不生效最常见的原因是URLhash与元素id不严格一致，需全等匹配（区分大小写、无空格、无编码差异），且元素须存在、唯一、已渲染、支持相关样式，并确保选择器语法正确、优先级足够。
-
使用transition:transform0.3scubic-bezier(0.4,0.0,0.2,1)统一控制位移与缩放过渡，避免属性不同步；配合cubic-bezier(0.34,1.56,0.64,1)等自然缓动曲线提升流畅度，禁用step()函数防止断裂；通过transform:translateZ(0)或will-change:transform启用GPU加速渲染，减少卡顿，确保动画连贯。
-
BOM（BrowserObjectModel）是浏览器厂商形成的事实接口集合，非W3C/ECMA标准；顶层对象为window，包含location、history、navigator、screen、frames等属性，用于JavaScript与浏览器交互。
-
Canvas中用globalCompositeOperation实现图片混合，其本质是像素级合成，需先后绘制图片并在第二张前设置该属性；CSSmix-blend-mode适用于重叠的img元素但受限于stackingcontext；SVGfeBlend更可控但性能开销大。
-
Promise链式调用通过.then()串联异步操作并统一.catch()错误处理，async/await则以同步语法简化异步流程，支持自然条件分支和try/catch错误捕获，二者互补使用。
-
Promise.resolve()本身不是微任务，而是一个同步函数，其作用是立即包装一个值为已解决的Promise对象，真正的微任务是该Promise后续的.then()、.catch()或.finally()回调。1.Promise.resolve(value)同步返回一个已解决的Promise，若value是普通值；2.若value是Promise对象，则直接返回该Promise；3.若value是thenable对象，会同步调用其then方法进行解包，若解包过程涉及异步操作，则回调会通过微任务队列调
-
当在<router-link>上同时使用Bootstrap的data-bs-toggle和data-bs-target属性时，路由跳转失效且链接不可点击；根本原因是Bootstrap的Collapse插件会拦截原生点击事件并阻止默认行为，导致VueRouter的导航逻辑被中断。
-
现代浏览器出于用户体验和性能考虑，要求用户与页面进行至少一次交互（如点击）后才允许自动播放音频；本文详解如何通过确保DOM就绪、正确初始化音频及处理浏览器autoplay策略，实现悬停即播的可靠效果。
-
旧电脑能否运行HTML5取决于浏览器版本、系统支持及功能启用状态；应优先选用系统最后支持的稳定浏览器（如Win7用FirefoxESR115），手动启用media.mediasource.enabled等关键配置，并通过Polyfill或降级方案兼容缺失特性。
-
响应式按钮动画的关键在于合理使用transition属性，通过设置transition-duration（推荐0.2s–0.4s）和缓动函数（如ease-out或cubic-bezier），实现hover、focus、active状态间的平滑过渡，提升交互自然度。
-
答案：通过JavaScript结合FileReader、Canvas和Blob实现图片上传前的压缩与预览。首先利用FileReader读取图片并生成base64预览，再通过Canvas绘制并缩放图片，调用toDataURL方法按质量压缩，最后将压缩后的base64数据用于预览或转为Blob上传，有效减少文件体积，提升上传效率与用户体验。
-
将字符串转为布尔值时，不能依赖隐式转换，因为非空字符串始终为true。应通过比较或函数处理实现：如str==="true"或封装函数判断"true"、"1"、"yes"等值，确保正确转换语义上的布尔值。
