跳至主要內容
JS - 二进制数据 Blob, ArrayBuffer与Buffer

Blob, Buffer, ArrayBuffer都是JS中处理二进制数据的对象,常常需要互相转换,本文梳理了这多个对象的用途与关系

> Blob 对象

类文件对象
不可修改
本身含有类型信息(mediatype)
可处理大型二进制文件而无需载入内存

构造函数:new Blob([array], options)

const blob = new Blob([array], { type: [MIME类型] });

KamimikaJSJSNode.jsBlobArrayBufferBuffer笔记约 531 字...
JS - fetch API

fetch是在浏览器环境Node.js(v17.5+)环境下均存在的一个方便的基础性异步请求 API

<Promise>Response fetch(url, ([options]))

options:

属性 值与描述
method GET(默认), POST, PUT, DELETE, HEAD, TRACE, OPTIONS
headers 头内容:Headers对象
credentials include:使请求带上cookiessame-origin(默认):只在请求同源时发送;omit:不发送
body string, Blob, ArrayBuffer, TypedArray, DataView, FormData, URLSearchParams, ReadableStream
redirect 如何处理重定向:follow:跟随;error:中止并报错;manual:调用者打算在另一个上下文中处理响应(自定义)
cache default, no-store, reload, no-cache, force-cache, only-if-cached

KamimikaJSfetchAPIJS笔记约 332 字...
JS - Web Animations API (WAAPI)

Web Animations API

1.直接创建动画

格式<Animate> Element.animate(keyframes, options)

对象形式

element.animate(
  {
    opacity: [0, 0.9, 1],
    offset: [0, 0.8], // [ 0, 0.8, 1 ] 的简写
    easing: ["ease-in", "ease-out"],
  },
  2000
);

KamimikaJS动画APIJS笔记约 760 字...