|
|
英文原文：HTML5 fundamentals, Part 3: The power of HTML5 APIs
那么，什么是API呢？
應用編程接口（application program interface，API）是訪問一個軟件應用的編程指令和標準的集合。通過使用API，你就可以設計出由API提供的服務來驅動的產品。
HTML5擁有一些新的API，例如：
1. 一個與新的畫布元素一起使用的2D繪圖API，用于渲染圖形或是其他的視覺圖像。
2. 一個支持離線web應用的緩存機制的API。
3. 一個播放視頻和音頻的API，與新的視頻和音頻元素一起使用。
4. 一個歷史記錄API，其把瀏覽歷史變成可訪問的，并允許把頁面添加到這一歷史中。
5. 一個和draggable屬性一起使用的拖放API。
6. 一個和contenteditable屬性一起使用的編輯API。
7. 鍵-值對以及內嵌的SQL數據庫的客戶端存儲，使用了JavaScript API。
本篇文章重點關注兩個API：Geolocation和Web Worker，首先對這些API本身進行分析，然后創建一個包含這兩個API的頁面。
無處不在的業務：Geolocation
Geolocation API被用來確定和分享地理位置，API返回經度和緯度坐標——這是企業可用來在這一坐標附近的區域提供服務的信息，這類服務通常被稱作基于位置的服務（location-based service， LBS）。
LBS以地理數據源為參考，這些地理數據源被用來標識被監控儀器的物理位置，從而識別出與這一位置相關的人。這一功能賦予感興趣的各方與這一個人進行交互的機會，這種交互是基于一些以地理位置為中心的興趣點市場來進行的。
商業實際上是為客戶創造品質、實用性和價值，并同時為利益相關者、債權人、股東、員工和供應商創造經濟和金融利益。以地理位置為驅動力的LBS使得跟蹤和監控一個包裹（或者使用了非瀏覽器設備或瀏覽器的個人）變得相當容易。從商業化的角度來說，地理位置所涉及的就是使用地理資產來確定某人或是某物所處的位置，然后把這一特定的一組信息出售給想要把這些信息用于社會、商業或是其他目的的的任何人，只要信息的擁有者的這種做法是法律許可的就可以了。
地理定位（geolocation）的工作方式
Geolocation API基于navigator這一全局對象的一個新屬性：navigator.geolocation，這一JavaScript的navigator對象提供了一些關于訪問者的瀏覽器和系統的有用信息。Geolocation可以確定使用了IP地址、基于web的數據庫、無線網絡連接，以及三角定位或是GPS技術的訪問者的經度和緯度。應該要注意的一點是，由Geolocation提供的信息的準確性會基于獲取信息的手段而發生變化。偶然情況下，在一些位置上，你有可能不能獲得明確的地理位置讀數或是一點數據都接收不到。
腳本可使用navigator.geolocation對象來確定與用戶的宿主設備相關的位置信息，在檢索到位置信息之后，一個位置對象就會被創建出來，并使用這些數據做填充。
navigator.geolocation對象有三個方法：
1. getCurrentPosition()
2. watchPosition()
3. clearWatch()
getCurrentPosition()方法
getCurrentPosition()方法檢索用戶的當前位置，但只檢索一次。當該方法被腳本調用時，方法以異步的方式來嘗試獲取宿主設備的當前位置。異步通信意味著發送者和接收者并未同時地加入到這一通信過程中，使用異步通信能讓瀏覽器繼續進行其他方面的活動，這樣它就無需等待來自接收實體的響應。
getCurrentPosition()方法最多可以有三個參數：
1. geolocationSuccess：帶回當前位置的回調（callback）（必需的）
2. geolocationError. 有錯誤發生時使用的回調（可選的）
3. geolocationOptions. 地理位置選項（可選的）
navigator.geolocation.getCurrentPositon()方法使用一個Position對象作為參數來把宿主設備的當前位置返回給geolocationSuccess這一回調，如果有錯誤發生的話，geolocationError回調會使用一個PositionError對象來做調用。你可以設置geolocationOptions的三個屬性：enableHighAccuracy、timeout和maximumAge，這些可選屬性相應的作用分別是啟用了高的精確性，如果設備支持這種高精確性的話；一個超時時段，這是位置應該被返回的最長等待時間；以及一個最大的時間數，緩存的位置在這一時間段內可被使用。
getCurrentPosition()方法的調用如下所示：
void navigator.geolocation.getCurrentPosition(geolocationSuccess, geolocationError, geolocationOptions);
watchPosition()方法
watchPosition()方法定期輪詢用戶的位置，查看用戶的位置是否發生改變。其最多可帶三個參數。
當watchPosition被調用時，其異步地啟動一個查看過程，這一過程涉及了一個新的Position對象的獲取和一個watchID的創建。如果這一獲取操作是成功的，則相關的使用一個Position對象作為參數的geolocationSuccess就會被調用。在失敗時涉及的操作則是使用一個非空的geolocationError參數來調用該方法，watchPosition方法使用一個PositionError對象作為參數來生成geolocationError。當設備的位置發生改變時，一個合適的帶有新的Position對象的回調就會被調用。
watchPosition()方法的調用如下所示：
long navigator.geolocation.watchPosition(geolocationSuccess, geolocationError, geolocationOptions);
clearWatch()方法
clearWatch()方法終止正在進行的watchPosition()，該方法只能帶一個參數。在調用時，其找到之前已經開始了的watchID參數并立即停止它。
clearWatch()方法的調用如下所示：
void navigator.geolocation.clearWatch(watchID)
Geolocation數據：Position對象
Geolocation API返回一個地理上的Position對象，該對象有兩個屬性：timestamp和coords。timestamp屬性表示地理位置數據的創建時間，coords屬性又包含七個屬性：
1. coords.latitude：估計緯度
2. coords.longitude：估計經度
3. coords.altitude：估計高度
4. coords.accuracy：所提供的以米為單位的經度和緯度估計的精確度
5. coords.altitudeAccuracy：所提供的以米為單位的高度估計的精確度
6. coords.heading： 宿主設備當前移動的角度方向，相對于正北方向順時針計算
7. coords.speed：以米每秒為單位的設備的當前對地速度
這些屬性中只有三項是保證有的：coords.latitude、coords.longitude和coords.accuracy，其余的返回null，這取決于設備的能力和其所采用的后端定位服務器。如果可能的話，heading和speed屬性可以基于用戶之前的位置計算出來。
發揮救援作用的web worker
web worker（web工作線程）補救了并發所引起的問題，web worker是HTML5家族對JavaScript單線程問題的回答：它們在與主頁面分開的線程中運行處理過程，保留頁面以用于主要的功能，比如說維持一個穩定的UI等。
一個web worker是一個在后臺加載并執行的JavaScript文件，這些worker允許你動態地加載一個JavaScript，然后使用不會影響到UI的后臺進程來執行腳本。web worker的訪問是受限的，其只允許傳遞字符串。因為web worker不使用瀏覽器的UI線程，所以他們不允許訪問DOM。Workers可以使用self和this引用訪問worker的全局變量（Workers can use both self and this references for the worker's global scope），worker和父頁面的通信是通過使用事件模型和postMessage()方法來實現的。
因為web worker有多線程行為，因此它們只能訪問JavaScript功能的一個子集，web worker可以：
1. 訪問navigator對象
2. 使用只讀的位置對象
3. 執行XMLHttpRequest以發送HTTP或是HTTPS請求
4. 使用setTimeout()/clearTimeout()和setInterval()/clearInterval()來設置時間或是時間間隔
5. 訪問應用的緩存
6. 使用 importScripts() 方法來導入外部的腳本
7. 產生其他的web worker（subworker必需有著與主頁面一樣的來源，且必須放置于與父worker同樣的地點。）
web worker有兩種類型：專用型的worker和共享型的worker。
專用型web worker
專用型worker與創建它的腳本連接在一起，它可以與其他的worker或是瀏覽器組件通信，但是他不能與DOM通信。
專用型worker的創建方法是把一個JavaScript文件名傳遞給一個新的worker實例，通過指定worker的執行腳本URI使用Worker()構造函數來創建一個新的worker。要創建一個專用型worker的話，輸入下面給出的代碼，這一代碼創建了一個新的專用的Worker對象：
var worker = new Worker('worker.js');
it知識庫：HTML5基礎，第3部分：HTML5 API的威力，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
