-
React中HTML空格“消失”是因自动合并连续空白字符，属DOM规范行为；有效保留方式包括{""}、{"\u00A0"}、whiteSpace样式及模板字符串配合CSS。
-
正确处理JSON需注意序列化与反序列化的细节。1.JSON.stringify会忽略函数、undefined等值，Date自动转为ISO字符串；2.使用replacer参数可过滤或转换字段，如保留特定属性或修改数值；3.JSON.parse的reviver参数可用于解析时转换数据类型，如将日期字符串还原为Date对象；4.循环引用会导致序列化失败，可通过自定义replacer避免或使用flatted等库安全处理。掌握这些技巧可提升数据交换的可靠性。
-
本文介绍如何通过JavaScript书签（Bookmarklet）实现Firefox关键词搜索的增强功能：自动注入当前日期、支持h/w等快捷地址别名，并兼容多参数旅行规划器（如NS荷兰铁路行程规划器）的URL构造需求。
-
单例和工厂模式非必须，而是为解决特定问题；真正单例需控制构造过程，如用staticinstance加构造器检查；简单工厂更常用，工厂方法适合需子类扩展的场景；二者合理共用如日志系统，误用则增加复杂度。
-
可通过CSS实现HTML元素隐藏而不删除结构：一、display:none完全移除布局；二、visibility:hidden保留空间；三、opacity:0保持交互；四、position+负坐标移出视区；五、clip-path裁剪隐藏。
-
最快实现删除线的方式是使用text-decoration:line-through，它原生支持、无需额外标签或JS，但无法单独控制颜色和粗细；如需自定义，应使用text-decoration-color和text-decoration-thickness（需三者同设），或用::after伪元素模拟以获得完全控制。
-
1.隐藏原生控件，使用opacity:0和定位覆盖自定义样式；2.通过label与span构建结构，用:checked状态切换样式；3.单选按钮需保持name一致并使用圆形样式；4.确保无障碍支持。通过将原生input设为透明并绝对定位，使其覆盖在自定义元素上，点击视觉按钮即触发原生控件，同时利用CSS的:checked伪类改变外观样式，复选框与单选按钮结构相似，但单选按钮需互斥选择且样式为圆形，此外必须设置label的for属性及保留键盘导航以保证可访问性。
-
可通过任务队列+运行计数器手动控制XMLHttpRequest并发数，如限3个同时上传；需监听onprogress和onloadend，用AbortController（fetch）或isCancelled标志（XHR）中断未发请求，并及时释放File引用防内存泄漏。
-
WebWorkers是HTML5提供的API，可在后台线程运行脚本以避免阻塞主线程。通过创建Worker脚本、实例化Worker对象并使用postMessage通信，实现如耗时斐波那契计算等任务，确保页面流畅。
-
根本原因是浏览器底层渲染引擎、WebGL实现、CSS逻辑及DPR处理差异；需分层排查：检查WebGL上下文并降级兼容、按DPR设置canvas物理尺寸、统一鼠标坐标计算、适配着色器精度与语法。
