-
必须用参数化Mixin管理按钮：尺寸用语义化map+guard判断的.button-size()，颜色变体显式分离@bg/@border/@text，状态样式正交封装为.button-state()，主题变量须在组件前导入以确保上下文一致。
-
应使用aside，它是唯一语义正确的标签，表示与主内容相关但可独立成块的补充信息；footer用于页脚，语义不符且破坏文档结构。
-
本文介绍如何安全地管理基于requestAnimationFrame的倒计时定时器，避免因DOM元素被AJAX动态移除导致的“Cannotreadpropertyofnull”错误，核心是每次更新前校验目标元素是否存在，并在元素消失时主动终止动画帧循环。
-
navigator.connection.type返回值包括bluetooth、cellular、ethernet、wifi、wimax、none、unknown，其中cellular仅表示蜂窝网络，不区分4G/5G；真正可代表4G/5G场景的是effectiveType的"4g"（涵盖LTE/5GSA/NSA高带宽情形），但非制式声明而是基于RTT与吞吐量的估算。
-
柯里化是将多参数函数转换为单参数函数链的过程，每次调用只传一个参数并返回新函数，直至参数收齐才执行；它区别于普通闭包和偏函数，强调参数逐个、不跳步、不重排的契约，并需正确处理this绑定与fn.length判断。
-
DocumentFragment能绕过重排，因其脱离DOM树、不参与渲染流程，所有操作在内存中完成，仅最终插入时触发一次重排；正确流程为：创建fragment→批量添加节点→单次append到真实DOM。
-
WeakRef不能自动清理缓存键，必须配合FinalizationRegistry才能实现对象回收后删除缓存键；单独用WeakRef存Map值会导致缓存膨胀、查找变慢。
-
移动端表单卡顿等问题源于未正确使用原生属性：用inputmode优先控制软键盘类型，避免type="number"滥用；聚焦时通过fixed定位防错位；autocomplete需语义准确；viewport禁用user-scalable=no以保可访问性；注意inputmode在旧版iOS的兼容性断层。
-
margin-left:-100%是让左栏左边界对齐.main左边界（即容器左边缘），以父容器宽为基准向左移动一个容器宽度，配合.main的左右margin预留侧栏空间，实现三栏自适应布局。
-
只代理set无法支持可靠撤销，因为会漏掉数组方法调用、嵌套对象未代理导致的深层修改遗漏、以及多个属性连续修改缺乏事务原子性，必须结合历史栈、变更描述和状态克隆机制。
-
HTML中直接敲空格无效，因浏览器按W3C规范折叠空白符；最常用且稳妥的是 实体，适用于语义化占位如“姓 名”，禁用其对齐或堆叠。
-
transition属性必须写在悬停前的原始状态中，而非:hover里；仅部分属性支持过渡，如color、transform等，display、auto高度等不支持；timing-function不生效常因持续时间过短或变化幅度过小。
-
flex-grow按剩余空间×权重分配而非百分比，需显式设flex-basis:0（如flex:110）避免auto导致内容依赖；混用width与flex-grow易布局断裂；IE11存在计算偏差，应规避精确控制。
-
雷神电脑播HTML5视频不额外发热，但硬件加速未启用或失效会导致CPU软解高负载升温；需检查chrome://gpu或about:support确认硬解状态，开启BIOS中VT-d，切换平衡电源模式并关闭TurboBoost。
-
本文介绍在多标签表单中，当用户提交时存在未填写的required字段，如何自动识别其所在Tab并切换显示，避免浏览器原生invalidformcontrolisnotfocusable报错，同时提升用户体验。
