-
最直接有效的办法是用padding扩大按钮点击区域，推荐起手值padding:8px16px，移动端可增至12px20px，并配合min-width/min-height和box-sizing:border-box确保触控友好且不破坏布局。
-
type="number"无法实时阻止非法输入，仅提供数字键盘和基础解析；真正限制需用input事件+正则过滤并维护光标位置，且服务端必须二次校验。
-
答案：WebSocket基于TCP但应用层需额外机制确保可靠性。通过心跳保活、自动重连、消息确认与重发、唯一消息ID、幂等处理等手段，解决网络波动或服务重启导致的消息未达或重复问题。
-
直接设置input/textarea的value属性最可靠，DOM就绪后赋值即可；勿用innerHTML或setAttribute('value')；动态插入需确保已挂载；表单重置会恢复HTML初始值而非JS所设值。
-
for循环在大多数场景下比forEach快2–5倍，尤其数组长度超1000时更明显；因forEach每次迭代创建新函数作用域、隐式调用回调且无法用break中断，而for是原生指令级控制。
-
浏览器渲染流程包括解析HTML生成DOM树、解析CSS生成CSSOM树、合并为渲染树、布局、绘制和合成。任何DOM或CSSOM变更都可能触发重排重绘，影响性能。优化策略包括减少关键渲染路径长度、避免同步重排重绘、使用CSSTransform和Opacity做动画、合理使用will-change、减少JavaScript频繁操作样式。通过ChromeDevTools的Performance、Layers和Rendering面板可分析性能问题。实践建议有优先加载首屏内容、异步加载资源、精简CSS选择器、图片懒
-
currentColor是元素的color计算值，继承自文字颜色；若未显式设置color，则取浏览器默认值（如#000），并非透明或无色。
-
404页面是独立的404.html文件，需放在根目录并确保服务器返回404状态码；静态托管需命名正确，路径用绝对地址，添加noindex，避免JS依赖。
-
首先获取用户音视频权限，通过getUserMedia请求流；然后创建RTCPeerConnection实例并添加流轨道；接着通过信令通道交换SDP和ICE候选；最后监听ontrack接收远程流。需注意安全上下文、ICE穿透配置及连接状态监控，确保在HTTPS环境下运行并处理权限与网络异常，方可实现稳定通信。
-
flex等宽应设flex:110且min-width:0；grid三列等宽用repeat(3,1fr)，并加overflow-wrap:break-word防撑开。
-
HTML下拉菜单即<select>元素，需用name属性确保提交，value设标识符而非显示文本，disabled禁用但不提交值，multiple支持多选但体验差，placeholder无效须用空option替代。
-
subgrid是让子网格容器复用父网格显式定义的行/列轨道，仅适用于display:grid的直接子项；需父容器设grid-template-rows/columns（不可用auto），子容器设grid-row/column:subgrid，不支持隐式轨道或repeat(auto-fit)。
-
最直接的换行方式是使用<br>标签；它专用于强制换行，适用于地址、诗歌等需紧凑换行的场景，且为自闭合标签，不可嵌套滥用或连续堆叠。
-
使用CSS渐变结合JavaScript控制类名实现颜色切换，或通过JavaScript计算RGB/HSL插值实现平滑过渡，可灵活创建网页颜色渐变动效。
-
Canvas动画流畅的核心是精准控制绘制时机与工作量，需用requestAnimationFrame配合deltatime计算、对象复用、高DPI适配及避免隐式开销。
