第十章：web worker
导言：对于那些让CPU不堪重负,又会拖延浏览器的计算任务，使用Web Worker大大提升效率。
1.如何使用Web Worker
1.1 Web主线程
步骤一：worker=new Worker(url)加载一个js文件来创建一个worker同时返回一个worker实例
步骤二：通过worker.postMessage(data)方法向worker发送数据
步骤三：绑定worker.onmessage方法来接收worker发送过来的数据
步骤四：worker.terminate()终止一个worker的执行
1.2 worker新线程
步骤一：通过postMessage(data)方法向主线程发送数据
步骤二：绑定onmessage方法来接收主线程发送过来的数据
第十一章：SSE和WebSoceket
导言：SSE(Server-Sent Event服务端推送事件) 和 WebSocket两种功能都是为了建立浏览器和服务器之间的通信，这种通信方式是一种允许服务端向客户端浏览器推送数据的HTML5新技术。
1.关于数据推送
1.1传统的网页都是浏览器向服务器‘查询’数据，
服务器处于被动位置，由于HTTP是一种无状态协议，
一次请求响应结束后，客户端与服务器端的连接即断开
1.2浏览器向服务器发送一个HTTP请求，
然后服务器不断单向的向浏览器推送‘消息’，建立‘长连接’
2.SSE工作原理-客户端和服务端 3.WebSocket工作原理-客户端和服务端 4.两者区别
WebSocket是全双工通道，可以双向通信，SSE是单向通道，只能由服务器向浏览器端发送
WebSocket是新协议需要服务器支持，SSE部署在HTTP协议上的
第十二章：CSS3入门与基础
E[attr~=value]{rules}
选择所有包含attr属性且属性值为空格分隔的多个字符，其中任意字符为value的E元素
E[attr|=value]{rules}
选择所有包含attr属性且属性值为-分隔的多个字符，分隔符一侧包含‘value’的E元素
E[attr^=value]{rules}
E[attr$=value]{rules}
E[attr*=value]{rules}
background-clip
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/
TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
div /*页面中所有div元素应用的样式*/
{
padding : 30px;
border:dashed 10px yellow; /*设置边框样式*/
background-color:red; /*设置背景颜色*/
}
div[id="div1"]
{
-webkit-background-clip:border; /*设置背景包括边框*/
}
div[id="div2"]
{
-webkit-background-clip:padding; /*设置背景不包括边框*/
}
</style>
</head>
<body>
<div>
此DIV元素背景颜色采用默认填充方式
</div>
<br>
<div id="div1">
此DIV元素背景颜色会填充边框
</div>
<br>
<div id="div2">
此DIV元素背景颜色不会填充边框
</div>
</body>
</html>
