地理定位、储存、缓存、web worker

1. HTML5 Geolocation地理定位
   getCurrentPosition() 方法来获得用户的位置。

• Permission denied - 用户不允许地理定位
• Position unavailable - 无法获取当前位置

• Timeout - 操作超时

  
  
  

  2651554121782_.pic.jpg

---

2. Web 储存

   • localStorage 方法存储的数据没有时间限制

   • sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后，数据会被删除。

3. 应用程序缓存

   • 带有 cache manifest 的 HTML 文档（供离线浏览）

   
   
   
   
   The content of the document......
   
   
   
   

   • 每个指定了 manifest 的页面在用户对其访问时都会被缓存

   • manifest 文件的建议的文件扩展名是：".appcache"。

   • Mannifest文件

     manifest 文件可分为三个部分：

     a. CACHE MANIFEST- 在此标题下列出的文件将在首次下载后进行缓存

     b. NETWORK - 在此标题下列出的文件需要与服务器的连接，且不会被缓存

     c. FALLBACK - 在此标题下列出的文件规定当页面无法访问时的回退页面（比如 404 页面）

     第一行，CACHE MANIFEST，是必需的：

     CACHE MANIFEST
     /theme.css
     /logo.gif
     /main.js
     

     iNETWORK

     下面的 NETWORK 小节规定文件 "login.asp" 永远不会被缓存，且离线时是不可用的

     NETWORK:
     login.asp
     
     
     
     NETWORK:
     *
     

     FALLBACK

     下面的 FALLBACK 小节规定如果无法建立因特网连接，则用 "offline.html" 替代 /html5/ 目录中的所有文件：

     FALLBACK:
     /html5/ /404.html
     
     

   • 更新缓存

     完整的manifest文件

     CACHE MANIFEST
     # 2012-02-21 v1.0.0
     /theme.css
     /logo.gif
     /main.js
     
     NETWORK:
     login.asp
     
     FALLBACK:
     /html5/ /404.html
     

     以 "#" 开头的是注释行，但也可满足其他用途。

   注意：更新浏览器缓存，需要更新 manifest 文件。

4. Web Worker

   web worker 是运行在后台的 JavaScript，不会影响页面的性能。

   由于 web worker 位于外部文件中，它们无法访问下例 JavaScript 对象：

   • window 对象
   • document 对象
   • parent 对象

5. 服务器发送事件（server-sent event）

   Server-Sent 事件指的是网页自动获取来自服务器的更新。