主页

dialog

目前常用浏览器只有chrome支持; form元素可在此对话框中使用,但需要指定属性 method=”dialog” 。 当提交表单时,对话框的 returnValue 属性将会等于表单中被使用的提交按钮的 value 。 ::backdrop CSS 伪元素可用于更改 dialog 背景元素样式,例如在对话框被打开激活时,调暗背景中不可访问的内容。 仅当使用 HTMLDialogElement.showModal() 显示对话框时才会绘制 backdrop 背景。 实例

阅读更多

浏览器通信

常说的浏览器通信是指跨文档通信(cross-document messaging)和通道通信(channel messaging)。 跨文档通信就是我们国内更为熟知的HTML5 window.postMessage()应用的那种通信;通道通信也被称为”MessageChannel”. 示例 port.postMessage(message,transferList); message 发送给service worker的消息内容。 transferList 可转移的对象,这些对象有这些来自浏览器上下文的对象的所有权; Transferable objects to be transferred — these objects have their owne...

阅读更多

ServiceWorker

查看注册的service Worker chrome://inspect/#service-workers 注册成功后可以通过 chrome://serviceworker-internals 来查看 Service Worker 详情

阅读更多

JSON

JSON.stringify(value[, replacer [, space]]) value 将要序列化成 一个JSON 字符串的值。 replacer 可选 如果该参数是一个函数,则在序列化过程中,被序列化的值的每个属性都会经过该函数的转换和处理;如果该参数是一个数组,则只有包含在这个数组中的属性名才会被序列化到最终的 JSON 字符串中;如果该参数为null或者未提供,则对象所有的属性都会被序列化;关于该参数更详细的解释和示例,请参考使用原生的 JSON 对象一文。 space 可选 指定缩进用的空白字符串,用于美化输出(pretty-print);如果参数是个数字,它代表有多少的空格;上限为10。该值若小于1,则意味着没有空格;如果该参数为字符串(字符...

阅读更多

File

new File(bits, name[, options]); bits ArrayBuffer,ArrayBufferView,Blob,或者 DOMString 对象的 Array — 或者任何这些对象的组合。这是 UTF-8 编码的文件内容。 name USVString,表示文件名称,或者文件路径。 options 可选 选项对象,包含文件的可选属性。可用的选项如下: type: DOMString,表示将要放到文件中的内容的 MIME 类型。默认值为 “” 。 lastModified: 数值,表示文件最后修改时间的 Unix 时间戳(毫秒)。默认值为 Date.now()。 URL.createObjectURL() 静态方法会创建一个 ...

阅读更多