-
WebSocket用于客户端与服务器双向通信，如聊天室；WebRTC实现浏览器间点对点音视频及数据传输，需信令服务器辅助建立连接。
-
background-color:rgba()仅使父元素背景透明，子元素不受影响；需整体透明用opacity，精准控制则分别设置各属性的rgba()；毛玻璃效果需backdrop-filter配合transparent背景。
-
:hover伪类需配合可交互元素生效，常见失效原因包括pointer-events:none、父级遮挡或元素无尺寸；transition应指定具体属性而非all；移动端需用:focus或JS替代:hover。
-
fonttext类与icon图标结合可高效构建美观界面。通过UI框架预设类控制字体样式，如text-lg、font-bold、text-blue-600；引入FontAwesome等图标库后，使用fasfa-user类插入图标；二者结合时，用mr-2添加间距，align-middle对齐，确保图标加载和可访问性，适用于按钮、导航等组件，提升开发效率。
-
:nth-child(2n)选不到目标行是因为它按父元素下所有子元素的物理顺序计数，不区分标签类型；若存在thead、tbody或div等干扰节点，序号即错乱。
-
用::before伪元素画箭头需设content:""、position:absolute、width:0、height:0，仅保留单方向实色边框（如border-top:8pxsolid#333）与另三向透明边框，利用边框交汇“挤”出三角形；箭头方向由实色边框方向决定，水平居中用left:50%+transform:translateX(-50%)。
-
最直接且推荐的方式是使用CSS的:required伪类，它能选中带有required属性的表单元素并为其设置样式，结合:invalid、:valid、:focus等伪类可提供动态视觉反馈，通过边框颜色、背景色变化及星号提示等方式让用户清晰识别必填项，同时需注意保持样式简洁、确保颜色对比度、配合aria-required提升无障碍性，并辅以JavaScript处理复杂验证逻辑，从而全面提升表单填写体验。
-
JSON.stringify()配合JSON.parse()实现深拷贝存在多重局限：无法处理函数、undefined、Symbol、BigInt；丢失原型链及Date、RegExp等内置对象类型；不支持循环引用；还会忽略不可枚举属性、导致精度丢失且无自定义扩展能力。
-
Hooks的核心实现原理是利用闭包和调用顺序，React为每个组件维护一个按顺序存储状态的“槽位”数组，每次渲染时按顺序读取或更新状态，确保状态与Hook调用一一对应。
-
表单元素未继承CSS样式主因是浏览器user-agentstylesheet的强默认样式覆盖，需用DevTools定位来源，通过更具体选择器、appearance重置或!important调试；父容器、重置CSS、层叠上下文及焦点逻辑亦影响样式生效。
-
ChromeDevTools中无法直接查看完整渲染树，但Layers面板最接近：打开Layers面板后，点击某合成层，右侧Nodes列表即为该层内实际参与渲染的可见、有样式的DOM节点（已过滤display:none等）。
-
title属性是HTML中唯一原生支持悬停提示的方案，仅显示静态文本，不支持样式、换行或图片；适合只读标注如“张三正在查看”，但Safari移动端常忽略；动态场景必须用JS驱动。
-
autocomplete属性必须写在每个<input>标签上才有效，如autocomplete="email"；仅写在<form>上无效，且值须符合W3C规范，密码字段需同时满足type="password"和autocomplete="current-password"或"new-password"。
-
JavaScript单元测试是驱动代码设计的实践，能降低缺陷率、增强重构信心、暴露设计问题；Jest零配置上手，需聚焦行为、覆盖典型输入、Mock外部依赖，并通过持续反馈提升代码质量。
-
MQTT协议是JavaScript实现物联网通信的首选，因其轻量、低延迟特性，适用于资源受限设备和不稳定网络。通过WebSocket连接，JavaScript可在浏览器或Node.js中与MQTTBroker通信，完成设备状态上报与指令下发。核心角色包括Broker（消息路由）、Publisher（发布消息）和Subscriber（接收消息），消息通过分层主题（如home/livingroom/temperature）传输，支持通配符订阅。浏览器端常用EclipsePahoMQTT客户端，通过CDN或np
