sessionStorage仅在当前标签页有效，关闭即清空，存取字符串需用setItem/getItem，对象须JSON.stringify/parse，与localStorage区别在于作用域和生命周期。

在async函数中，资源清理的核心方法是使用try...finally结构。1.try...finally确保无论异步操作成功、失败还是被取消，finally块中的资源释放逻辑都会执行；2.资源声明需在try块外以便finally能访问并清理；3.finally中的异步清理操作应使用await以确保完成；4.清理逻辑应设计为幂等，避免重复调用引发错误；5.高级模式如资源池、AsyncLocalStorage及模拟的“using”行为可提升资源管理效率；6.前端开发中也需注意事件监听器等非传统资源的清理。这

使用position:fixed可使元素悬浮于视口固定位置，需配合top/right/bottom/left定位、z-index层级控制、响应式媒体查询适配、body内边距避让、@supports兼容性检测及will-change硬件加速修复滚动跳动。

JavaScript有7种原始类型和object引用类型；判断真实类型应避免typeof，改用Array.isArray()、Object.prototype.toString.call()等；隐式转换易出错，显式转换推荐String()、Number()、Boolean()。

Grid三列等高靠默认align-items:stretch和同属一行，非align-content；常见问题包括align-self覆盖、高度限制或容器塌缩，修复需重置stretch、设min-height:0或确保高度上下文。

transition简写顺序不影响动画快慢或方向，但决定哪些子属性被显式设置、哪些回退到initial值；漏写项会导致其余项重置为默认值，且未声明transition-property时等效于all，易引发意外动画。

WebSocket通过newWebSocket(url)建立持久双向连接，支持ws/wss协议；监听open/close/error/message事件处理状态与消息；send()发送数据需确保readyState为OPEN；需服务端WebSocket支持及Nginx等中间件配置Upgrade头。

line-clamp是解决多行文本溢出最直接有效的方式，需配合display:-webkit-box、-webkit-line-clamp、overflow:hidden及-webkit-box-orient:vertical使用。

最小可用断点组合是768px、1024px和1200px三个断点，覆盖平板竖屏、平板横屏/小桌面、常规桌面，配合移动优先写法（基础样式适配手机，再用min-width逐步增强）实现高效响应式布局。

首先定义关键帧动画并命名，再通过animation-name和animation-duration设置名称与时长，即可实现CSS动画。1.使用@keyframes定义动画名称如slideIn；2.用animation-duration设定播放时长如1s；3.将两者应用于元素；4.可简写为animation:slideIn1s。需注意拼写、定义完整及浏览器兼容性。

需用WebRTC的getUserMedia()实现实时摄像头调用：一、确保HTTPS/localhost环境并检测mediaDevices支持；二、请求video权限并处理拒绝异常；三、将MediaStream赋给带autoplay/muted的video元素；四、用enumerateDevices筛选视频设备并指定deviceId调用；五、监听oninactive事件释放轨道资源。

按钮和文字混排垂直居中失效，因align-items仅在flex容器上对其直接子元素生效；推荐用vertical-align:middle配合line-height统一基线，或外层设display:flex+align-items:center。

align-self没生效最常见原因是父容器未设display:grid/inline-grid；它仅对Grid/Flex直接子元素有效，且受align-items:stretch、子元素尺寸、writing-mode等影响。

最稳妥方案是用three.js配合TextureLoader加载2:1宽高比的equirectangular全景图，并启用renderer.setPixelRatio和controls.enableDamping；移动端需用户手势触发deviceorientation，且须校验宽高比与部署本地服务。

column-count优先级更高；当同时设置时，浏览器优先满足column-count，仅在容器过窄时才减少列数并趋近column-width。