常用的 Web API

server/2025/2/28 12:04:22/

1. Intersection API

Interserction API 是一种用于异步检测模板元素月视口(或者指定父元素)交叉状态变化的浏览器原生接口,主要那个用于解决传统滚动监听性能差、实现复杂的问题,适用于懒加载、慢点曝光、无线滚动等场景。

2. Page Visibility

Page Visbility API 是浏览器提供的原生接口,用于检测页面在当前浏览器窗口中的可见性状态。其核心作用是 优化资源使用和提升用户体验

3. Web Animation API

Web Animation API 是浏览器原生提供的 JavaScript 接口,用于通过编程方式控制 DOM 元素,替代或补充传统 CSS 。其核心优势在于:
1.精确控制: 允许通过代码动态调整动画属性(如时间、速率、关键帧);
2.性能优化:直接调用浏览器动画引擎,减少主线程负载,提升动画流畅度;
3.交互性增强:结合事件监听,实现复杂的用户交互逻辑(如暂停/恢复、动态调整参数)

4. 监控网络 navigate.connection

5. 拖拽API

draggable 是 HTML5的全局属性,用于标识元素是否允许被拖拽。

6. 音频 audio API

7. 浏览器音频自动播放策略

MEI 是浏览器(如 chrome)用于衡量用户对网站媒体内容消费倾向的算法指标,直接影响有声媒体的自动播放权限。其核心目标是优化用户体验,减少非预期的自动播放干扰,同事允许高参与度网站获取权限。

  • 方案一
    先尝试自动播放,若发生异常,则引到用户进行交互操作,然后再进行播放
  • 方案二
  • 先静音播放,然后根据是否能够自动播放觉得是否取消静音,如果:
    1. 能自动播放,取消静音;
    2. 不能自动播放,引导用户进行互动操作后取消静音;

8. Clipboard API

Clipboard API 是浏览器提供的 JavaScript 接口,允许网页安全地读写剪切板内容,支持文本、图片、富文本等数据类型。其核心目标是替代已弃用的 document.execCommand(‘copy’)方法,提供更灵活、异步的操作方式。
注意事项:HTTPS强制要求:仅在安全上下文(HTTPS 或 localhost)中可用,首次操作是弹出授权提示。


http://www.ppmy.cn/server/171289.html

相关文章

游戏引擎学习第122天

仓库:https://gitee.com/mrxiao_com/2d_game_3 讨论了多线程(Multithreading) 今天开始讨论的话题对大家来说不太好,因为这是一个相对棘手的技术问题,虽然它很重要。这个话题不像优化那样是通过解决一个问题并进一步精细化来变得…

SpringBoot 整合mongoDB并自定义连接池,实现多数据源配置

要想在同一个springboot项目中使用多个数据源,最主要是每个数据源都有自己的mongoTemplate和MongoDbFactory。mongoTemplate和MongoDbFactory是负责对数据源进行交互的并管理链接的。 spring提供了一个注解EnableMongoRepositories 用来注释在某些路径下的MongoRepo…

excel单、双字节字符转换函数(中英文输入法符号转换)

在Excel中通常使用函数WIDECHAR和ASC来实现单、双字节字符之间的转换。其中 WIDECHAR函数将所有的字符转换为双字节,ASC函数将所有的字符转换为单字节 首先来解释一下单双字节的含义。单字节一般对应英文输入法的输入,如英文字母,英文输入法…

Linux中子线程会继承父线程对相关变量的可见性

在 Linux 的 POSIX 线程模型中,当父线程修改全局变量后创建子线程,子线程一定会看到修改后的最新值。这是由线程的内存共享机制和线程创建时序保证的,具体原理如下: 关键机制解析 内存共享本质: 所有线程共享相同的全局数据段修改操作直接作用于物理内存,无副本存在cint …

html css js网页制作成品——HTML+CSS甜品店网页设计(5页)附源码

目录 一、👨‍🎓网站题目 二、✍️网站描述 三、📚网站介绍 四、🌐网站效果 五、🪓 代码实现 🧱HTML 六、🥇 如何让学习不再盲目 七、🎁更多干货 一、👨‍&#x1f…

ubuntu配置jmeter

1.前提准备 系统 ubuntu server 22.04 前提条件:服务器更新apt与安装lrzsz:更新apt: sudo apt update安装lrzsz: 命令行下的上传下载文件工具 sudo apt install lrzszsudo apt install zip2.安装jemeter 2.1.下载jdk17 输入命令&#xf…

数据结构 【搜索二叉树】

搜索二叉树是STL中map和set的重要铺垫,学好搜索二叉树有助于理解map和set的特性。搜索二叉树也是一种二叉树结构,只是多了一些特定的性质。 一棵搜索二叉树可以为空树,如果不为空时,一定满足下面的性质。 若它的左子树不为空&…

7 天精通 DeepSeek 实操手册

挑战目标 从零基础开始,用 7 天时间,精通 DeepSeek 实操。 对零基础的同学来说,要全部完成这个挑战并不容易。因此,我们提供了每天的学习目标和实操任务,并提供三大锦囊助你一臂之力: 针对常见问题的解决…