-
不能直接多次newWebSocket()，因会导致多连接并存、资源浪费、消息重复、重连混乱，且跨端不兼容；闭包单例通过IIFE锁定instance实现唯一初始化，但需配合uni.connectSocket、状态清理、指数退避重连等手动补全逻辑。
-
采用emit主动回传校验结果，子组件内聚校验逻辑并按field标识触发validate事件，父组件聚合状态、统一决策；支持同步/异步、防抖、错误提示与样式联动，结构清晰、响应式强、易于测试。
-
discard后JS环境已终止，无法监听；唯一可靠信号是pageshow且persisted===false，需结合URL标记、localStorage时间戳、navigation.type交叉验证；保存现场仅能在freeze事件或pagehide且persisted===true时完成。
-
submit事件用于表单提交前整体校验与阻断，必须监听form元素；change事件在控件值变更并失焦后触发，仅反映最终值变化，不参与提交流程，需单独监听控件。
-
不能。CSS无数据绑定机制，data-属性与CSS变量无法自动关联，需JS通过setProperty()等方法手动同步更新。
-
HTML原生<inputtype="search">不触发实时搜索，需手动监听input事件、加防抖、取消pending请求、限制最小输入长度；其唯一优势是语义化、无障碍支持及自动清除按钮。
-
核心是监听mousemove事件，用getBoundingClientRect()获取容器宽高计算鼠标百分比位置，再通过style.setProperty()动态设置CSS变量，并在CSS中用合成变量或calc()配合radial-gradient实现平滑背景过渡。
-
图片占位图应通过Props精准控制：用loading/error状态驱动渲染骨架屏/备用图，fallbackSrc实现稳定降级，aspectRatio/width/height保持布局稳定，lazyLoad开关启用原生懒加载，全面提升可控性与可测性。
-
字面量适合一次性、结构明确的对象，构造函数或class适合需复用方法、实例化多个对象的场景；Object.create和工厂函数提供中间方案。
-
:checked+.menu失效主因是DOM结构不满足相邻兄弟选择器要求，应改用~选择器并确保input与menu同级；隐藏checkbox需用position:absolute;opacity:0;pointer-events:none；动画须避免display和height:auto，推荐max-height过渡。
-
本文介绍一种巧妙利用CSSbox-shadow大范围遮罩的技巧，实现在带半透背景的容器内创建一个完全不继承父级透明度的视觉区域——适用于视频背景叠加、透明表盘、HUD界面等场景。
-
必须监听"first-input"类型，因为只有它能准确提供首个用户输入事件的startTime与processingStart之差即FID值；监听"event"无法识别首次输入且无处理延迟数据，"navigation"则完全无关。
-
Brackets编辑器停更后可通过四步解决兼容性问题：一、启用Windows兼容模式并以管理员身份运行；二、禁用GPU加速渲染，修改brackets.json设hardwareAccelerated为false；三、替换适配架构的Node.js运行时组件；四、用便携Electron环境隔离启动。
-
用transition监听上传进度根本行不通CSS的transition只能响应属性值的**离散变化**（比如从width:0%到width:80%），它不会主动“监听”JavaScript中的实时数值更新，更无法绑定到XMLHttpRequest或fetch的upload.onprogress事件。想靠纯CSS实现进度反馈，等于让CSS去读JS的变量——它做不到。进度条必须由JS控制width+CSS驱动动画真正可行的做法是：JS拿到
-
JavaScript异步本质是“不阻塞主线程、让出控制权”，任务分宏任务（如setTimeout）和微任务（如Promise.then），执行顺序由事件循环决定；回调错误需在内部捕获，async/await需配合Promise.all实现并行及正确错误处理。
