Web Spec Awesome

• tc39 - Ecma International, Technical Committee 39
  • proposal-collection-methods
    • 额外的集合方法
    • Set.prototype.addAll
• wicg - Web Incubator CG
  • indexed-db-observers
    • IndexedDB 支持 observer
    • chromestatus
    • chrome #457449
      • 尚不支持，需要添加 flag
    • dexie 支持 Dexie.Observable
  • file-system-access
    • Chrome 86 - 新的接口规范
    • Typescript @types/wicg-file-system-access
  • entries-api
    • Chrome 7,8 - 浏览器支持最多的文件接口
    • 主要用于支持 drag-and-drop 文件
  • uuid
    • crypto.randomUUID
  • https://github.com/wicg/import-maps
• w3c
  • FileAPI
  • change-password-url
  • Web Application Manifest
• csswg
  • css-nesting-1

---

• 获取拖拽文件详细信息
  • DataTransferItem.getAsFileSystemHandle
    • Chrome 86
  • DataTransferItem.webkitGetAsEntry
    • Chrome 13
• FileSystemAccess
• crypto.randomUUID
  • Chrome 92
• FileSystemEntry
  • Chrome 8

file system access

• https://wpt.fyi/results/file-system-access

entries api

• DataTransferItem.webkitGetAsEntry
• HTMLInputElement.webkitEntries
• HTMLInputElement.webkitdirectory
• FileSystem
• FileSystemEntry
  • FileSystemEntry
  • FileSystemDirectoryEntry
• 参考
  • mdn File and Directory Entries API
  • https://wpt.fyi/results/entries-api/idlharness.window.html

window.requestFileSystem ||= window.webkitRequestFileSystem;
window.directoryEntry ||= window.webkitDirectoryEntry;

function onFs(fs) {
  fs.root.getDirectory(
    'Documents',
    { create: true },
    function (directoryEntry) {
      //directoryEntry.isFile === false
      //directoryEntry.isDirectory === true
      //directoryEntry.name === 'Documents'
      //directoryEntry.fullPath === '/Documents'
    },
    onError,
  );
}
function onError(e) {
  console.error(e);
}
// Opening a file system with temporary storage
window.requestFileSystem(TEMPORARY, 1024 * 1024 /*1MB*/, onFs, onError);

FileAPI

• FileList
• Blob
• File
• FileReader
• URL.createObjectURL
• URL.revokeObjectURL
• 参考
  • https://wpt.fyi/results/FileAPI