-
position:absolute元素会脱离grid布局，因其脱离文档流，不再受grid-row、grid-column等属性控制，定位参考系变为最近已定位祖先；若grid容器未设position:relative，则可能相对body定位。
-
SessionStorage是JavaScript提供的临时存储机制，用于在单个浏览器标签页会话期间保存数据，关闭标签页后自动清除。它遵循同源策略，存储容量为5-10MB，仅以字符串形式保存键值对，需用JSON转换复杂数据类型。主要操作包括setItem、getItem、removeItem和clear，适用于表单缓存、会话内偏好设置及页面间临时传值，但不支持跨标签页共享，隐私模式下可能受限，且不应存储敏感信息以防XSS攻击。合理使用可提升用户体验并减少服务器请求。
-
本文详解如何基于jQuery和CSS媒体查询，构建一个在桌面端保持350px宽度、在移动端（≤767px）自动扩展为全屏宽度的滑出式导航菜单，并确保动画逻辑与隐藏行为精准适配不同屏幕尺寸。
-
classList切换类最稳妥，避免className全量赋值；CSS变量配合setProperty实现主题切换；getComputedStyle读计算样式但有陷阱；动画优先用transform+CSS过渡而非JS改left/top。
-
GeolocationAPI仅在HTTPS或localhost下可用，HTTP协议下直接报错；必须显式传入success和error回调；enableHighAccuracy=true可能导致超时或失败；watchPosition需手动clearWatch防泄漏。
-
:visited伪类仅允许修改color、background-color等有限CSS属性，禁止font-size、display等样式及复杂选择器组合，本质是浏览器为保护隐私实施的限制。
-
Symbol是唯一不可变原始值，每次调用Symbol()都生成新值，靠内部标识而非字符串内容判等；Symbol.for()通过全局注册表实现跨模块共享，而Symbol()完全隔离。
-
text-shadow属性用于为文本添加阴影，语法为text-shadow:h-offsetv-offsetblur-radiuscolor；支持多层阴影，用逗号分隔，常用于提升文字可读性与视觉层次，如外发光、立体感等效果，推荐使用rgba控制透明度，注意避免过度模糊影响清晰度，且需考虑浏览器兼容性。
-
HTML5input[type="date"]用min属性限制今天及之后日期，值须为ISO8601格式（如"2024-06-15"），需用JavaScript动态生成并手动拼接年月日以避免时区偏差，且服务端必须校验。
-
事件循环是JavaScript内建的持续运行执行模型，每次迭代处理一个宏任务，随后清空全部微任务队列；setTimeout(fn,0)并非立刻执行，而是推入宏任务队列待下一轮循环。
-
百度网盘不支持HTML文件在线预览，仅能下载或文本查看；直链带签名且失效快，浏览器因安全策略拒绝执行；可靠方式是下载后本地双击或用Python起HTTP服务打开。
-
document.cookie只能读写非HttpOnlyCookie，读取返回分号分隔字符串需手动解析，写入需拼接完整键值及属性（如expires、path、Secure、SameSite），删除须设过去时间且path/domain严格匹配；HttpOnlyCookie完全不可被JS访问，用于防护XSS。
-
使用CSSGrid可实现表单响应式布局，通过grid-template-columns设置桌面端两列、移动端堆叠，结合媒体查询适配屏幕；利用justify-self对齐标签，min-height统一输入框高度，多行文本域跨列显示；按钮组用repeat(auto-fit,minmax())自动换行并控制间距；注重可访问性，确保语义结构完整，触屏点击区域充足，错误提示不破坏布局流。
-
本文介绍如何在Angular模板中高效渲染二维字符串数组，避免重复渲染问题，通过索引精准匹配headers与对应子数组，实现每个表头下仅显示其关联的一组数据。
-
使用CSS多层遮罩需先设置父容器为relative定位，内部遮罩层用absolute定位并重叠；通过z-index控制层级，数值大者在上；可结合背景图、渐变与半透明色块增强视觉效果；注意父容器尺寸、定位与层级管理，避免透明度叠加干扰颜色表现。
