牛客-html&css&js-知识汇总（持续更新）

---

HTML5新增表单元素：
datalist：规定输入域的选项列表
keygen：给出一种用户验证的可靠方法。
output：用于不同类型的输出

---

在HTML中，帧元素（frameset）的优先级最高，表单元素比非表单元素的优先级高。
表单元素：文本输入框，密码输入框，单选框，复选框，列表框等；
非表单元素： 链接，div，table，span等。
所有的HTML元素可以分成两类：有窗口元素、无窗口元素。有窗口元素总是显示在无窗口元素的前面。
有窗口元素：select，object，frames等；
无窗口元素：其余大部分。

---

HTML5中常用的新特性：
canvas元素：用于定义图形（图表等），只是图形容器，必须使用脚本来绘制图形。
audio：用于音频播放。
video：用于视频播放。
article：规定独立的自包含内容。
header：定义文档的页眉，介绍相关信息。
section：定义文档中的节。
footer：定义文档的页脚，通常有文档的作者、版权信息、联系方式等。
nav：定义导航链接。

表单控件：
calender
date
time
email
url
search

---

URL：统一资源定位符
语法规则：
scheme://host.domain:port/path/filename
scheme：定义因特网服务的类型。常见协议：http
host：定义域主机。http默认的主机是www。
domain：定义因特网域名。如：baidu.com
：port：定义主机上的端口号。http默认的端口号是80。
path：定义服务器上的路径。
filename：定义资源的文件名。

---

WebWorker：
通过使用Web Worker，可以让我们在浏览器后台运行javascript，而不占用浏览器自身进程。
Web Worker是运行在后台的JavaScript，不会影响页面的性能。
当在HTML页面中执行脚本时，页面的状态是不可响应的，直到脚本完成为止。
web worker是运行在后台的js，独立于其他脚本，不会影响页面的性能，可以继续做其他事情：点击、选取内容等，而此时 web worker 在后台运行。

---

页面的性能指标详解：
白屏时间（first Paint Time）：用户从打开页面开始到页面开始有东西呈现为止的时间。
首屏时间：用户浏览器首屏内所有内容都呈现出来所需的时间。
用户可操作时间（dom Interactive）：用户可以进行正常的点击、输入等操作，默认可以认为是domready时间，通常在此时绑定事件。
总下载时间（onload）：页面中所有资源都加载完毕并且呈现在页面上所需的时间。
详见：http://www.cnblogs.com/chuaWeb/p/PerformanceMonitoring.html