-
绝对定位元素在Grid布局中仍生效，但需依赖定位上下文。当Grid容器设置position:relative后，其内部absolute元素可相对容器定位；Grid项目设为absolute会脱离网格轨道，不再受grid-column/row控制，可通过top、right等精确定位。典型应用如模态框或悬浮按钮叠加在Grid区域，实现视觉对齐时可结合calc()与transform微调，响应式下需注意百分比变化。核心原则：Grid构建结构，absolute处理局部覆盖，关键在于创建合适的定位上下文。
-
<p>box-sizing:border-box可使宽高包含内边距和边框，避免content-box下因padding和border导致的尺寸溢出；全局设置{box-sizing:border-box;}或更稳妥的,::before,::after{box-sizing:border-box;}即可统一行为。</p>
-
preload="auto"加重卡顿因浏览器保守处理、移动端中断重请求；推荐metadata+JS可控load；MSE可编程缓冲，需检查支持性、设sequence模式、用playbackQuality检测卡顿；HLS/DASH分片宜4–6秒并关键帧对齐。
-
[attr]选择器仅匹配声明了指定属性的HTML元素，无论属性值是否存在或是否为空；它不检查值内容，与[attr=""]（要求值为空字符串）有本质区别，且属性名在HTML中不区分大小写，但建议统一用小写以保证兼容性和可维护性。
-
async函数和回调函数是JavaScript中处理异步操作的不同方式，其核心区别在于代码结构、可读性和错误处理机制。1.回调函数通过将函数作为参数传递，在异步操作完成后执行，但容易导致“回调地狱”，代码嵌套深、逻辑混乱；2.async/await基于Promise，使用同步风格编写异步代码，提升可读性和维护性；3.错误处理方面，回调需在每个函数内手动检查err参数，而async/await通过try...catch集中捕获错误；4.在新项目或支持Promise的API中优先使用async/await，而
-
正确做法是用li:not(:last-child){border-bottom:1pxsolid#ddd;}精准控制非末项加线；兼容IE8则用li{border-bottom:1pxsolid#ddd;}li:last-child{border-bottom:none;}。
-
linear-gradient用于创建线性渐变背景，语法为background-image:linear-gradient(direction,color-stop1,color-stop2,...)，支持方向关键词或角度，可自定义颜色停靠点实现多色过渡，常用于按钮、卡片等视觉增强场景。
-
background-image需配合background-size、background-repeat、background-position使用，常见失效原因包括路径基准错误（以CSS文件为准）、元素无宽高、父元素overflow:hidden裁剪、body默认margin未清除；行内样式注意引号嵌套；它属装饰性内容，不参与语义、SEO和可访问性。
-
使用Flexbox可高效实现轮播图布局。1.设置容器display:flex实现水平排列，overflow-x:auto允许横向滚动，结合scroll-snap-type与scroll-snap-align实现滚动吸附；2.通过flex:00calc()结合媒体查询，实现桌面端三张、平板两张、手机一张的响应式适配；3.利用justify-content:center居中指示器，提升视觉效果；4.配合JavaScript控制scrollTo实现自动播放与按钮跳转，offsetLeft精准定位滚动位置。Fle
-
JavaScript类型转换核心在于隐式转换规则：==比较时按固定路径分步转换，Number()、parseInt()和+行为不同，对象转原始值优先调用valueOf()再toString()。
-
:valid-within不存在，是误传概念；浏览器仅支持单元素:valid/:invalid，表单组整体验证需JavaScript实现，监听input/blur事件并调用checkValidity()判断。
-
calc()中单位混用需满足量纲一致且上下文有参考基准，如10px+1em合法，而10px+20%在父尺寸未定义时可能失效；推荐用clamp()、媒体查询或em/rem替代复杂calc。
-
本文详解为何使用innerHTML+=动态追加带checkbox的列表项会导致已勾选状态丢失，并提供基于DOM操作的安全替代方案。
-
PWA核心由WebAppManifest、ServiceWorker和HTTPS构成：ServiceWorker实现离线缓存（需HTTPS环境，注册后刷新两次生效），PushAPI+NotificationAPI实现推送通知（依赖VAPID密钥与后端服务）。
-
从LocalStorage读取数据使用localStorage.getItem()方法，需注意数据类型转换、错误处理、数据完整性、性能和安全性。1.使用localStorage.getItem()读取数据。2.存储的对象或数组需用JSON.parse()转换。3.进行错误处理防止JSON.parse()抛出错误。4.添加版本控制或校验和确保数据完整性。5.注意性能和安全性问题，避免存储敏感信息。6.设计健壮系统处理数据丢失，使用默认值或从服务器重新加载数据。
