-
<p>异步生成器是处理分页数据流的理想选择，它通过asyncfunction*和yield实现按需加载。它返回异步迭代器，可在每次next()时等待异步操作，适合请求分页API。典型实现中，fetchPaginatedData从第一页开始循环请求，解析响应后逐项yield数据，无更多数据时终止。消费者使用forawait...of消费数据流，具有内存友好、代码简洁、可组合的优势。实际应用中建议加入try/catch错误处理、支持abortsignal中断、节流控制请求频率，并根据需要缓存页面，
-
防御XSS与CSRF组合攻击需从切断入口和限制利用两方面入手：首先通过输入过滤、输出编码、CSP策略等严格防范XSS，阻止脚本注入；其次强化CSRF防护，采用同步Token模式、敏感操作二次认证及SameSiteCookie属性，阻断跨站请求伪造；最后结合HTTPS传输、请求源校验与行为监控，实现前后端协同的纵深防御体系。
-
用play()和pause()控制媒体需在用户手势（如点击）中调用，play()返回Promise须.catch()捕获错误；监听play、pause、ended、error等事件而非轮询；currentTime和volume有取值限制；muted=true可绕过自动播放限制。
-
:hover伪类用于定义鼠标悬停时的样式，语法为selector:hover{property:value;}，常用于改变颜色、背景、按钮效果及显示隐藏内容，需配合transition实现平滑动画，并注意触屏设备兼容性与信息可访问性。
-
本文详解为何在实时输入时调用toLocaleString('fr-FR')会导致数字被截断（如输入“22222”变成“2”），根本原因是法语格式插入的窄不换行空格（U+202F）被parseInt()提前终止解析；并提供健壮、用户体验友好的解决方案。
-
IE11对HTML5video支持不完整：仅支持MP4/H.264+AAC，需显式声明type="video/mp4"；动态设置src后须等待loadedmetadata事件再play()；需检查canPlayType()并启用video.js等兼容方案。
-
Flex嵌套在Grid中子元素不撑开，根本原因是Grid项默认按内容收缩且无明确高度，导致Flex容器主轴无法感知可用空间；需为Grid单元格设min-height:0或height:100%、Flex容器设height:100%或min-height:0，并避免align-items:stretch与height:fit-content冲突。
-
外部CSS必须通过<linkrel="stylesheet">引入并置于<head>中，路径需正确（相对或根相对），且避免缓存干扰；否则样式不生效。
-
Viber的viber://chat/?number=链接在PC上可正常跳转，但在手机端常无响应；根本原因是URL中的加号+被移动端浏览器误解析为空格，需将其编码为%2B才能被Viber客户端正确识别。
-
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伪元素模拟以获得完全控制。
