一、SVG
1、直接绘制
2、外部导入
二、Web存储-客户端存储数据新方法
1、localStroage
存储特点:localStroage方法存储的数据没有时间限制。浏览器关闭后依旧存在。
2、sessionStroage
sessionStroage方法针对一个session进行数据存储。当用户关闭浏览器窗口后,数据会被删除。
0
三、应用缓存
1、什么是应用程序缓存:
HTML5引入了应用程序缓存,这意味着web应用可进行缓存。并可在没有因特网连接时进行访问。
2、应用缓存的优势:
- 离线浏览-用户可在应用离线时使用它们;
- 速度-已缓存资源加载得更快;
- 减少服务器负载-浏览器将只从服务器下载更新过或更改过的资源。
3、实现缓存
如需启用应用程序缓存,请在文档的html标签中包含manifest属性
manifest文件的建议的文件扩展名是:“.appcache”
4、Manifest文件:
- CACHE MANIFEST-在此标题下列出的文件将在首次下载后进行缓存;
- NETWORK-在此标题下列出的文件需要与服务器的连接,且不会被缓存;
- FALLBACK-在此标题下列出的文件规定当页面无法访问时的回退页面(比如404页面)。
.appcacha文件书写格式
CACHE MANIFEST
CACHE:
index.html
style.css
index.js
NETWORK:
style.css
例子待研究服务器的问题。
四、Web Workers
1、什么是Web Worker?
web worker是运行在后台的JavaScript,独立于其他脚本,不会影响页面的性能。
2、方法:
postMessage()-它用于向HTML页面传回一段消息;
terminate()-终止web worker,并释放浏览器/计算机资源。
3、事件:
onmessage
例子:
0