-
无线鼠标在代码编辑器中光标跳动、点击失灵的主因是轮询率低与系统输入延迟叠加，尤其在VSCode、JetBrains等高频编辑器中表现为点不中行号、拖选断开、右键滞后；2.4G鼠标典型延迟20–40ms，蓝牙更不稳定；系统插值（如Windows指针精度、macOS鼠标加速）和VSCode光标动画会进一步恶化精确定位；实测需用240fps录像比对点击帧、光标变化帧与控制台时间戳帧，差值＞30ms可判定为外设瓶颈；调试悬停、条件断点设置、终端分割线拖拽、触控板协同等场景对延迟极敏感；优化应先关闭系统/编辑器层放
-
margin:auto在flex容器中能居中是因为它会吞噬主轴和交叉轴的剩余空间；前提是父容器为flex且子元素未设置flex-grow/shrink，且交叉轴尺寸必须可计算。
-
嵌套Grid需独立设置gap，父级不继承；通过统一变量管理间距，确保视觉一致。示例：根变量设--base-gap，父容器gap用该变量，子Grid也应用相同变量，避免错位或拥挤。使用gap而非margin，保持对齐整洁，配合开发者工具检查盒模型，提升维护性与响应式体验。
-
依赖注入通过外部传入依赖降低耦合，提升可测试性与可维护性。JavaScript中可通过构造函数注入、工厂函数或DI容器实现：构造函数注入将依赖作为参数传递，便于替换和测试；工厂函数集中管理对象创建，减少重复代码；DI容器自动解析依赖，进一步解耦。关键优势包括依赖清晰、易于测试、灵活替换实现和减少硬编码，有效提升代码质量。
-
flex-direction在RTL下不会自动翻转，需手动用[dir="rtl"]设置row-reverse；justify-content:start随dir自动映射，而flex-start始终固定主轴起点；writing-mode影响align-items语义；flex-wrap折行起点在RTL下为右下角。
-
Chrome默认启用ping属性但可手动禁用，Firefox默认彻底禁用且不可开启，Safari从未支持；实际使用中易受协议限制、网络拦截等影响，不推荐用于生产环境。
-
直接在<div>上设contenteditable="true"并加tabindex="0"、role="textbox"、aria-multiline="true"才生效；需排除pointer-events:none、user-select:none、display:none等干扰，且移动端需真实点击触发软键盘。
-
根本原因是html2canvas默认按视口截图而非内容宽度，需设容器width为scrollWidth、禁用fixed元素、用break-inside:avoid控制分页；puppeteer需禁用preferCSSPageSize、用@page和固定px单位；移动端要移除viewport标签并替换响应式单位为px。
-
必须用@media(forced-colors:active)才能生效，漏括号、写成forced-colors:true或prefers-contrast:high均无效；Windows高对比度模式或macOS增加对比度开启后，Chrome100+等现代浏览器才注入该环境。
-
1、使用旧版Firefox并启用Java插件；2、在Java控制面板降低安全等级并添加信任站点；3、用JDK的appletviewer工具独立运行；4、检查HTML中applet标签的code和archive路径是否正确。
-
双向绑定核心是建立“数据↔元素值”的可追踪连接，通过Proxy/Object.defineProperty劫持数据、监听DOM事件实现自动同步。Vue2用defineProperty，Vue3用Proxy，React主张单向流，Svelte编译时处理。
-
递归函数是函数调用自身，必须有明确终止条件（basecase），否则导致栈溢出；核心结构为basecase加recursivecase，常见错误包括缺return、basecase条件错误、问题规模未缩小。
-
hover触发动画无反应的主因是动画未设时长/次数、缺animation-fill-mode:forwards，或inline元素位移异常；应改用inline-block/block容器、transform位移、硬件加速及媒体查询适配触摸设备。
-
JavaScript可通过Node.js及专用运行时（如Espruino、Johnny-Five）控制硬件，实现物联网开发。它支持GPIO、I2C等接口通信，以简洁代码操作传感器与执行器，如用Johnny-Five使LED闪烁；Espruino可在微控制器上直接运行JS，实现实时交互与低门槛调试；结合MQTT、HTTP等协议，轻松对接云服务，适合全栈开发者快速构建中小型IoT项目。
-
auto-fit会拉伸空闲轨道填满容器，auto-fill则只按需生成列并留白；实际效果受minmax()最小值、子项尺寸约束及浏览器兼容性共同影响。
