-
实时通信可通过WebSocket、Socket.IO、SSE和长轮询实现；WebSocket提供全双工通信，Socket.IO增强兼容与功能，SSE支持服务端单向推送，长轮询用于低兼容环境，按需选择可构建高效交互应用。
-
怎么组织CSS文件结构才不会后期乱成一锅粥靠目录层级硬分base和component不够，关键在引用顺序和作用域控制。很多人把文件夹建好了，结果button.css里又写了个.header，或者base.css里偷偷加了媒体查询，最后样式打架、覆盖难查。base只放重置、变量、工具类（如.sr-only、.visually-hidden）、基础排版规则（h1–h6、p、ul默认间距）component每个文件只负责一个UI单元，文件名和最外层选择器必须一致，比如
-
HTML列表关键在语义与嵌套规则：ul用于无序内容（如导航），ol用于有序内容（如步骤）；li不可省略且须正确嵌套；嵌套建议≤3层，避免语义错误与可访问性问题。
-
使用HTML5的<dialog>元素可创建模态框，原生支持showModal()和close()方法。2.结构包含标题、内容与按钮，通过JavaScript控制显示隐藏。3.可自定义CSS优化样式，现代浏览器推荐使用。
-
JavaScript中this指向由调用方式决定：普通调用时非严格模式指向全局对象、严格模式为undefined；对象方法调用时指向该对象；call/apply/bind可显式绑定；箭头函数无this，继承外层词法作用域的this。
-
使用preload+onload是推荐的异步加载CSS方案，通过rel="preload"高优先级下载不阻塞渲染，在onload时改为rel="stylesheet"启用样式，结合动态创建link可实现非阻塞且可控的加载时机，避免页面闪动。
-
使用position:sticky可实现表头固定，需设置top:0、避免父元素overflow限制、提升z-index并添加背景色以防止内容透出，配合外层容器支持横向滚动，现代浏览器兼容性良好。
-
动态生成JavaScript代码可通过字符串拼接或模板构建，如根据配置生成表单校验逻辑：constcode=returnvalue.length>=${min}&&value.length<=${max}``;结合newFunction可动态执行，提升灵活性，但需防范安全风险。
-
应按设备能力分级控制动画：桌面端保留完整关键帧，移动端用@media(max-width:768px)延长animation-duration至1.8s，prefers-reduced-motion下设animation:none，禁用hover改用:active或touchstart，fixed定位用inset:0更稳，仅用transform/opacity触发GPU加速，JS需等document.readyState==='complete'及图片加载完成再触发，并及时remove开屏DOM。
-
box-sizing是控制width/height计算范围的开关：content-box仅含内容区，border-box包含padding和border；全局设border-box可避免布局溢出，但需覆盖伪元素，且margin始终不受影响。
-
CSS中不存在“颜色选择器”，color是属性而非选择器；需用选择器选中元素后设置color等属性，注意优先级、继承、用户代理样式及color与background-color、opacity的区别，推荐使用CSS自定义属性统一管理颜色。
-
能，但需起始值和结束值均为可计算数值（如0px↔12px）、单位一致、正确声明transition且未被覆盖；JS修改时需强制重排或使用requestAnimationFrame避免动画中断。
-
align-items控制网格项在单元格内垂直对齐，justify-items控制水平对齐；二者生效需列/行有明确尺寸；align-content/justify-content仅在轨道总和小于容器时分配多余空间；align-self/justify-self可覆盖容器设置但有兼容性限制。
-
JavaScript可通过正则分词、词干提取、停用词过滤和词频统计实现基础NLP功能，结合jieba等库支持中文处理，适用于浏览器端轻量级文本预处理任务。
-
图像下方空白主因是<img>默认inline导致基线对齐留出descender空间，修复用vertical-align:top或display:block；fixed导航遮挡需加margin-top或bodypadding-top；Flex布局错位应设align-items:flex-start；定位异常时用getBoundingClientRect()查真实坐标。
