-
WebSocket连接失败主因是服务端未运行、URL协议错误（须用ws://或wss://）或网络拦截；onmessage收不到数据多因服务端未send()或前端未JSON.parse()；发送前须确保readyState为1；二进制数据需设置binaryType并注意ChromeDevTools不显示Binary帧。
-
overflow-x:hidden未生效主因是父容器缺宽度约束或子元素white-space:nowrap未配text-overflow:ellipsis；需确保父容器有width/max-width，长单词加word-break，flex子项设min-width:0，移动端慎用user-scalable=no并下沉溢出控制。
-
JavaScript模块化核心是运行时约束而非语法，需按环境（浏览器/Node.js/打包器）匹配工具链与配置：浏览器须用type="module"且路径为URL，Node.js需"type":"module"或.mjs后缀，ESM与CommonJS不可混用，导出导入命名须严格对应，打包器仅掩盖而非消除解析差异。
-
background-size:cover等比缩放图片完全覆盖容器并裁剪多余部分，保持原图比例；100%100%强制拉伸填满宽高，易导致变形。
-
HTML中输入真正空格应优先用CSS布局（如flex）而非空格实体，必须用时选 ，禁用全角空格；CMS输出需防转义，JSON中宜用\u00a0。
-
浏览器不会主动提示背景图片加载失败，仅表现为留白或背景色暴露；应通过校验路径、设置兜底色、用ImageAPI监听或构建工具正确处理资源来预防。
-
JavaScript模块化有ES6（静态、活绑定、编译时加载）和CommonJS（动态、值拷贝、运行时加载）两大体系，二者在加载时机、导出机制、循环依赖处理及环境支持上存在本质差异。
-
1、使用start命令可调用默认浏览器打开HTML文件，需先通过cd命令进入文件目录，再执行startindex.html；2、指定浏览器时需输入完整路径，如"C:\ProgramFiles\Google\Chrome\Application\chrome.exe""D:\myproject\index.html"；3、将浏览器路径添加至系统PATH环境变量后，可在任意位置直接调用浏览器启动HTML文件。
-
flexbox的order属性仅对flex容器的直接子元素生效，需确保父容器设为display:flex/inline-flex且目标元素为其直系子项；order默认值为0，响应式中应显式设置所有参与排序元素的order值以避免顺序错乱；它只改变视觉顺序，不影响DOM和屏幕阅读器顺序，需兼顾可访问性。
-
JavaScript类型检查可提升代码健壮性与协作效率。首先使用typeof判断原始类型，注意typeofnull返回"object"需单独处理；其次用instanceof检测引用类型，但跨上下文可能失效；推荐Array.isArray()准确识别数组；大型项目应采用TypeScript实现编译时类型检查，配合ESLint规则如no-undef、valid-typeof等规范类型使用，统一团队风格并减少错误。合理结合运行时判断与静态工具可接近类型安全。
-
默认表格在小屏幕会因内部单元格布局机制导致挤压混乱，使用display:block与overflow-x:auto可让外层容器横向滚动，避免布局破坏。通过为table父容器设置display:block、overflow-x:auto和min-width，确保表格在窄屏下可滑动查看，同时保持结构完整。配合阴影提示或媒体查询切换为卡片布局，能进一步优化移动端体验，该方法简单有效，适合初学者实现响应式表格。
-
直接写CSS布局易失控因布局规则与组件样式混杂，导致修改局部影响全局；BEM+布局原子类（如.l-stack、.l-grid-2）将布局行为抽离为功能型类，组件样式禁用布局属性，响应式在布局类内统一处理，实现职责分离。
-
先学元素、类、ID和通配符选择器——这是最短路径；跳过它们直接学伪类或属性选择器，90%新手会在调试时卡在“为什么没生效”上。
-
答案：处理HTML数据导入需通过用户表单或文件系统获取HTML字符串，并用解析器结构化。1.用户可通过文本区域粘贴或上传HTML文件提交数据，后端用相应语言（如Python、PHP、Node.js）接收并读取内容；2.服务器可直接读取本地HTML文件；3.使用BeautifulSoup、lxml、cheerio等工具解析HTML，提取信息；4.需防范XSS攻击，进行HTML净化、编码检测、输入限制以保障安全与性能。
-
可使用五种HTML+CSS方法创建分类框：一、fieldset与legend实现语义化分组；二、div+伪元素自定义样式；三、CSSGrid布局多列分类；四、Flexbox实现横向滚动标签栏；五、details+summary创建可折叠分类框。
