-
推荐用object-fit控制图片缩放裁剪：cover保持比例裁剪溢出，contain完整显示留白；需配合width/height或aspect-ratio生效，IE需fallback；容器应优先锁定宽高比，避免硬编码HTML尺寸；SVG等非位图需单独处理。
-
JavaScript中移除数组假值最推荐的方法是使用filter(Boolean)；1.JavaScript的假值包括false、null、undefined、0、""、NaN共六种；2.filter(Boolean)利用隐式类型转换筛选出真值，语法简洁高效；3.也可用filter(item=>item)实现相同效果，但不如Boolean构造函数简洁；4.reduce可手动构建新数组过滤假值，但代码更冗长；5.若项目已使用Lodash，_.compact()语义明确且兼容性好，但引入额外依赖。因此，
-
JavaScript可直接在浏览器控制台运行，无需配置环境；首个小项目是点击切换“未完成”/“已完成”文字，需用textContent而非innerHTML，script应置于</body>前或用DOMContentLoaded确保DOM加载完成。
-
使用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或降级方案兼容缺失特性。
