05 2024 档案
摘要：
最近在做鼠标框选的需求，鼠标框选就需要用到 Range 和 Selection 对象。
Range 表示选择的区间范围，Selection 表示选择的文档内容。
Range 接口表示一个包含节点与文本节点的一部分的文档片段。
不仅仅可以用于鼠标框选，页面上任何元素、文本都可以创建 Range。
Selection 对象表示用户选择的文本范围或插入符号的当前位置。它代表页面中的文本选区，可能横跨多个元素。
阅读全文
最近在做鼠标框选的需求，鼠标框选就需要用到 Range 和 Selection 对象。
Range 表示选择的区间范围，Selection 表示选择的文档内容。
Range 接口表示一个包含节点与文本节点的一部分的文档片段。
不仅仅可以用于鼠标框选，页面上任何元素、文本都可以创建 Range。
Selection 对象表示用户选择的文本范围或插入符号的当前位置。它代表页面中的文本选区，可能横跨多个元素。
阅读全文
摘要：
Navigator.sendBeacon 是一个用于发送少量数据到服务器的 API，尤其适用于在页面即将卸载时发送数据，如日志记录、用户行为分析等。
与传统的 AJAX 请求不同，sendBeacon 方法的设计目标是确保数据在页面卸载（例如用户关闭标签页或导航到新页面）时能够可靠地发送。
Navigator.sendBeacon 方法可用于通过 HTTP POST 将少量数据异步传输到 Web 服务器
阅读全文
Navigator.sendBeacon 是一个用于发送少量数据到服务器的 API，尤其适用于在页面即将卸载时发送数据，如日志记录、用户行为分析等。
与传统的 AJAX 请求不同，sendBeacon 方法的设计目标是确保数据在页面卸载（例如用户关闭标签页或导航到新页面）时能够可靠地发送。
Navigator.sendBeacon 方法可用于通过 HTTP POST 将少量数据异步传输到 Web 服务器
阅读全文
摘要：
用户在页面访问时发送数据到后台，页面关闭时也发送数据到后台。
第一次进入页面时触发页面访问
刷新当前页面时触发页面访问
新 tab 进入页面时触发页面访问
当前页面点击 nav 进入其他模块时，触发页面关闭&页面访问
关闭页面时触发页面关闭
阅读全文
用户在页面访问时发送数据到后台，页面关闭时也发送数据到后台。
第一次进入页面时触发页面访问
刷新当前页面时触发页面访问
新 tab 进入页面时触发页面访问
当前页面点击 nav 进入其他模块时，触发页面关闭&页面访问
关闭页面时触发页面关闭
阅读全文
摘要：
当用户进行鼠标框选选择了页面上的内容时，把选择的内容进行上报。
分为以下几点：
选择文案时
选择图片、svg、iframe、video、audio 等标签时
选择 input、select、textarea 等标签时
选择input、textarea 标签内容时
选择类似 字符时
键盘全选时
鼠标右键选择
以上各模块结合时
阅读全文
当用户进行鼠标框选选择了页面上的内容时，把选择的内容进行上报。
分为以下几点：
选择文案时
选择图片、svg、iframe、video、audio 等标签时
选择 input、select、textarea 等标签时
选择input、textarea 标签内容时
选择类似 字符时
键盘全选时
鼠标右键选择
以上各模块结合时
阅读全文
摘要：
ECMAScript 2024，第 15 版，添加了用于调整 ArrayBuffer 和 SharedArrayBuffer 大小和传输的功能； 添加了一个新的 RegExp /v 标志，用于创建具有更高级功能的 RegExp，用于处理字符串集； 并介绍了用于构造 Promise 的 Promise.withResolvers 便捷方法、用于聚合数据的 Object.groupBy 和 Map.groupBy 方法、用于异步等待共享内存更改的 Atomics.waitAsync 方法以及 String.prototype.isWellFormed 和 String.prototype.toWellFormed 方法，用于检查并确保字符串仅包含格式正确的 Unicode
阅读全文
ECMAScript 2024，第 15 版，添加了用于调整 ArrayBuffer 和 SharedArrayBuffer 大小和传输的功能； 添加了一个新的 RegExp /v 标志，用于创建具有更高级功能的 RegExp，用于处理字符串集； 并介绍了用于构造 Promise 的 Promise.withResolvers 便捷方法、用于聚合数据的 Object.groupBy 和 Map.groupBy 方法、用于异步等待共享内存更改的 Atomics.waitAsync 方法以及 String.prototype.isWellFormed 和 String.prototype.toWellFormed 方法，用于检查并确保字符串仅包含格式正确的 Unicode
阅读全文
