Web API
文章平均质量分 91
咖啡不甜不要钱
这个作者很懒,什么都没留下…
展开
-
Encoding API-相关接口
以上就是所有Encoding API的相关接口介绍与用法。Encoding API - Web API 接口参考 | MDN (mozilla.org)fetch()原创 2023-05-17 23:22:28 · 397 阅读 · 2 评论 -
让我们一起学Canvas API-CanvasGradient、CanvasPattern、ImageBitmap和ImageData的属性和方法
接口表示描述渐变的不透明对象。通过或的返回值得到。该接口没有暴露属性,不透明对象。方法添加一个由和指定的断点到渐变。如果偏移值不在0到1之间,将抛出错误,如果颜色值不能被解析为有效的 CSS 颜色值<color>,将抛出SYNTAX_ERR错误。参数:offset:0到1之间的值,超出范围将抛出错误color: CSS 颜色值<color>。如果颜色值不能被解析为有效的 CSS 颜色值<color>,将抛出SYNTAX_ERR错误。以下例子:html</javaScript。原创 2023-05-16 00:00:44 · 384 阅读 · 0 评论 -
Canvas API-OffscreenCanvas的属性和方法
Canvas - Web API 接口参考 | MDN (mozilla.org)原创 2023-05-14 21:57:57 · 802 阅读 · 0 评论 -
让我们一起学Canvas API-HTMLCanvasElement,操纵画布元素的属性、方法和相关事件
HTMLCanvasElement接口是提供用于操纵元素的布局和表示的属性和方法。该接口有两个相关属性。 属性是一个正 ,使用了 元素的 HTML 属性来反映该元素高度的 CSS 像素值。当该属性没有被定义,或被定义为一个无效值(如负值)时,将使用作为它的默认值。htmljavaScript通过上面的代码得到 canvas 的高度。 属性是一个对应 元素 CSS 像素 的正整数。当这个属性没有指定时,或者被赋予一个不合法的值,比如一个负值,默认使用 300。htmljavaScript通过上面的原创 2023-05-13 23:12:33 · 578 阅读 · 1 评论 -
Canvas API-CanvasRenderingContext2D (下)
CanvasRenderingContext2D接口还有很多属性和相关方法,这就不一一介绍了。CanvasRenderingContext2D - Web API 接口参考 | MDN (mozilla.org)原创 2023-05-12 18:01:28 · 304 阅读 · 1 评论 -
Canvas API-CanvasRenderingContext2D用法(中)
以下相关绘制方法。创建一个沿着参数坐标指定的线的线性渐变。该方法返回一个线性对象。想要应用这个渐变,需要把这个返回值赋值给fillStyle或者。方法需要指定四个参数,分别表示渐变线段的开始和结束点。参数:x0:起点的x轴坐标。y0:起点的y轴坐标。x1:终点的x轴坐标。y1:终点的y轴坐标。以上代码,使用方法初始化了一个线性渐变。在这个线性渐变中添加了三种色彩。最后,这个渐变被赋值给上下文对应的属性,实现了对矩形的填充。如下图。创建一个沿着参数坐标指定的线的放射性性渐变。原创 2023-05-11 18:01:54 · 367 阅读 · 1 评论 -
Canvas API-CanvasRenderingContext2D相关学习(上)
提供了一个通过JavaScript的<canvas>元素来绘制图形的方式。它可以用于动画、游戏画面、数据可视化、图片编辑以及实时视频处理等方面。Canvas API 主要聚焦于 2D 图形。而同样使用<canvas>元素的WebGL API则用于绘制硬件加速的 2D 和 3D 图形。它与 SVG 图像的区别在于,<canvas>是脚本调用各种方法生成图像,SVG 则是一个 XML 文件,通过各种子元素生成图像。使用 Canvas API 之前,需要在网页里面新建一个<canvas>元素。</原创 2023-05-10 21:27:27 · 569 阅读 · 0 评论 -
Battery Status API-电源管理相关的API
更多时候被称之为, 提供了有关系统充电级别的信息并提供了通过电池等级或者充电状态的改变提醒用户的事件。这个可以在设备电量低的时候调整应用的资源使用状态,或者在电池用尽前保存应用中的修改以防数据丢失。Battery Status API 向扩展了一个方法,其返回了一个 battery promise, 完成后传递一个对象,并提供了一些新的可以操作电池状态的事件。原创 2023-05-09 22:47:05 · 380 阅读 · 0 评论 -
Fetch API的fetch()请求是ajax的升级版?
目前我们大多数用到的网络请求方式就是使用实现的。fetch()是 XMLHttpRequest 的升级版,用于在 JavaScript 脚本里面发出 HTTP 请求。fetch规范与当接收到一个代表错误的 HTTP 状态码时,从fetch()返回的 Promise不会被标记为 reject,即使响应的 HTTP 状态码是 404 或 500。相反,它会将 Promise 状态标记为 resolve(如果响应的 HTTP 状态码不在 200 - 299 的范围内,则设置 resolve 返回值的ok。原创 2023-05-07 23:27:02 · 89 阅读 · 0 评论 -
组件间通讯复杂时,可以考虑Broadcast Channel API
当我们需要在同一个源的浏览器的不同窗口实现数据通讯时,有很多种方式。假如页面使用的是vue或者react框架,不同的窗口页面应该是各种组件组成的。组件间的通信,大家都知道,子组件传递数据给父组件,常用的方法是用事件回调进行处理。父组件传递数据给子组件,常用的方法是通过props来传递给子组件。不过,假如碰到兄弟组件的数据传递或者爷孙之间的数据传递等等。还按照上面的方式的话,是特别麻烦的。刚好,可以实现同源下浏览器不同窗口,Tab 页,frame 或者 iframe 下的浏览器上下文。原创 2023-05-06 20:47:09 · 295 阅读 · 0 评论 -
客户端 WebSocket详细用法
WebSocket是一种网络通信协议,很多高级功能都需要用到它。有些人会想,既然我们已经有了HTTP协议了,为什么还要花时间学另一种协议呢?这个协议到底有什么魔力,值得我们花时间学它。因为 HTTP 协议有一个缺陷:通信只能由客户端发起。只能是客户端向服务器发出请求,服务器返回查询结果。做不到服务器主动向客户端推送信息。如果碰到一些需要服务端频繁给客户端推送信息的需求,我们用HTTP协议来实现就很麻烦。隔一段时间客户端就发起询问,了解服务器有没有新的信息。原创 2023-05-05 15:12:34 · 1942 阅读 · 0 评论