网页元素接口之 <video> 与 <audio> 元素

<video> 元素用来加载视频,是 HTMLVideoElement 对象的实例。<audio> 元素用来加载音频,是 HTMLAudioElement 对象的实例。而 HTMLVideoElement 和 HTMLAudioElement 都继承了 HTMLMediaElement ,所以这两个 HTML 元素有许多共同的属性和方法,可以放在一起介绍。

8/3/2019 9:47:23 PM 转载 雨辰 131 0 0 网页元素接口
网页元素接口之 <option> 元素

<option> 元素表示下拉框(<select>,<optgroup> 或 <datalist>)里面的一个选项。它是 HTMLOptionElement 接口的实例。

8/3/2019 9:44:12 PM 转载 雨辰 196 0 0 网页元素接口
网页元素接口之 <button> 元素

<button> 元素继承了 HTMLButtonElement 接口。它有以下的实例属性。

8/3/2019 9:42:45 PM 转载 雨辰 158 1 0 网页元素接口
网页元素接口之 <input> 元素

<input> 元素主要用于表单组件,它继承了 HTMLInputElement 接口。

8/3/2019 9:39:43 PM 转载 雨辰 90 0 0 网页元素接口
网页元素接口之 <form> 元素

<form> 元素代表了表单,继承了 HTMLFormElement 接口。

8/3/2019 9:37:56 PM 转载 雨辰 87 0 0 网页元素接口
网页元素接口之 <img> 元素

<img> 元素用于插入图片,主要继承了 HTMLImageElement 接口。浏览器提供一个原生构造函数 Image,用于生成 HTMLImageElement 实例。

8/3/2019 9:35:51 PM 转载 雨辰 163 0 0 网页元素接口
网页元素接口之 <a> 元素

<a> 元素用来设置链接。除了网页元素的通用接口(Node 接口、Element 接口、HTMLElement 接口),它还继承了 HTMLAnchorElement 接口和 HTMLHyperlinkElementUtils 接口。

8/3/2019 9:31:29 PM 转载 雨辰 77 0 0 网页元素接口
浏览器模型之 Web Worker

Web Worker 的作用,就是为 JavaScript 创造多线程环境,允许主线程创建 Worker 线程,将一些任务分配给后者运行。在主线程运行的同时,Worker 线程在后台运行,两者互不干扰。等到 Worker 线程完成计算任务,再把结果返回给主线程。这样的好处是,一些计算密集型或高延迟的任务可以交由 Worker 线程执行,主线程(通常负责 UI 交互)能够保持流畅,不会被阻塞或拖慢。

8/3/2019 7:03:10 PM 转载 雨辰 91 0 0 JavaScript 浏览器模型
浏览器模型之 IndexedDB API

通俗地说,IndexedDB 就是浏览器提供的本地数据库,它可以被网页脚本创建和操作。IndexedDB 允许储存大量数据,提供查找接口,还能建立索引。这些都是 LocalStorage 所不具备的。就数据库类型而言,IndexedDB 不属于关系型数据库(不支持 SQL 查询语句),更接近 NoSQL 数据库。

8/3/2019 7:01:25 PM 转载 雨辰 200 0 0 JavaScript 浏览器模型
浏览器模型之表单 FormData 对象

表单(<form>)用来收集用户提交的数据,发送到服务器。比如,用户提交用户名和密码,让服务器验证,就要通过表单。表单数据以键值对的形式向服务器发送,这个过程是浏览器自动完成的。但是有时候,我们希望通过脚本完成过程,构造和编辑表单键值对,然后通过 XMLHttpRequest.send() 方法发送。浏览器原生提供了 FormData 对象来完成这项工作。

8/3/2019 6:59:39 PM 转载 雨辰 118 0 0 JavaScript 浏览器模型