3 回答

TA貢獻1804條經驗 獲得超8個贊
簡而言之,HTML5就是由新的標記引進的新元素形式和為現有元素新增的某些屬性,與新的JavaScript APIs的結合體。那HTML5中引入了新增加了哪些新標簽與JavaScript API結合體呢?我這里例舉了我們平時最常用的幾種:
1、 Canvas API是一個具有完整功能的JavaScript API并伴隨產生了新HTML5元素<Canvas>。通過Canvas API,您可以利用它和WebGL在瀏覽器中創建一個2 D或3 D繪圖場景,
2、 Contacts API主要應用在移動設備上,為瀏覽器提供對用戶通用通訊錄的訪問。它在瀏覽器內建立一個本地存儲庫,來存儲聯系人信息。而不是通過訪問讓你所有聯系人信息直接保存在Google +、Facebook或其他網站上, Contacts API將允許您有本地存儲庫,網站可以通過本地存儲庫訪問存儲的聯系人信息。現在的主流瀏覽器都支持Contacts API
3、 通過File API 瀏覽器可以直接訪問用戶計算機的沙箱區域將數據存儲到文件系統。
4、 在HTML5中Forms API得到了發展,內置了驗證功能,在接下來的課程中,您將會學習到如何通過使用內置的規則實現表單驗證,以及如何添加自定義規則進行表單驗證。
5、 允許瀏覽器請求用戶的位置信息,一旦獲權,瀏覽器可以通過許多不同的方法來確定計算機或設備的實際位置,它將會有一個比例尺來確認精確的地點位置。通過該API能獲取經緯度等數據,非常適合應用程序定位。
6、 Media Capture的功能是將本地設備通過JavaScript將與瀏覽器相連。你將能夠訪問攝像頭,攝像頭,等等。
7、 Messaging API被用來與其他API一起使用,比如web web workers,這個我們將將在后面的課程中進一步討論。
8、 選擇(Selection)API的就像jQuery庫一樣運用非常廣泛。在流行jQuery 、HTML5的今天,試圖從文檔對象模型選擇元素是比較復雜的。jQuery彌補了這一差距。其實變得很容易,HTML5將高級選擇功能直接內置在瀏覽器中。使得瀏覽器的選擇性能得到很大的改善,甚至于JQuery選擇工具一樣速度。我并不是貶低jQuery。jQuery的優勢就是DOM的選擇,但是,jQuery不僅僅只提供了選擇功能,事實上,在本課程中未來的演示的案例中,您將清楚的知道什么時候使用jQuery會更加便利,然后什么時候切換到本地選擇會更加方便。.
9、 Server-Sent Events API:一個網頁獲取新的數據通常需要發送一個請求到服務器,也就是向服務器請求的頁面.使用Server-Sent Events API,服務器可以在任何時刻向我們的web頁面推送數據和信息.這些被推送進來的信息可以在這個頁面上作為事件/數據來處理。服務器推送事件(Server-Sent Events)的優點在于: 只要響應的內容類型是事件/數據流,事件就通過HTTP發送,瀏覽器能夠識別該傳輸。
10、 Web Notifications API即web消息提醒,它可以使頁面可以發出通知,通知將被顯示在頁面之外的系統層面上(通常使用操作系統的標準通知機制,但是在不同的平臺和瀏覽器上的表現會有差異)。這個功能使 web 應用可以向用戶發送信息,即使應用處于空閑狀態。最明顯的用例之一是一個網頁版電子郵件應用程序,每當用戶收到了一封新的電子郵件都需要通知用戶,即使用戶正在使用另一個應用程序。在2013年夏天,這個API還是在被W3C在試用,并沒有被很多瀏覽器所應用。
11、 Web Sockets API:Web Sockets是一種基于 ws 協議的技術,它使得建立全雙工連接成為可能。websocket 常見于瀏覽器中,但是這個協議不受使用平臺的限制。它允許你收發信息到服務器端。這個典型的示例就是即時通信。你建立一個對話,如果沒有sockets,你可能會去從服務器中去獲取新的消息。如果具有了sockets,當消息通過瀏覽器發到服務端的時候,對方的客戶端通過已經建立好的sockets鏈接就能自動的接收到信息。
12、 Web存儲,它有兩種版本,本地存儲和會話存儲。就WEB開發來說,一個會話就是你通過瀏覽器與服務器之間的一次通話,所以,如果你熟悉服務器端web開發,會話存儲可能不是頭一次聽說?;旧?只要用戶頁在頁面上的統一個會話內,工作數據就不會丟失。如果瀏覽器關閉或者轉向另一個會話,那么此時數據就不復存在。本地存儲在不同會話之間仍然能保存數據, 本地存儲與cookie 和IndexedDB相比,它可以讓你來貯存更多的信息。Web存儲與cookie,數據不發送到請求的服務器而是保存在客戶端。
這些都是HTML5中新加入的一些比較常用的功能API,如果你想要系統的了解HTML5的新功能,推薦你去一個叫做秒秒學的教程網站上看看,里面有專門的課程來講解HTML5中的新特性,希望對你有幫助。
- 3 回答
- 0 關注
- 808 瀏覽
添加回答
舉報