第 101 頁-H5教程_html5圖文教程-PHP中文網

Article Tags

H5教程

首頁

Technical articles

web前端

H5教程

在HTML5中如何提高網站前端效能的範例程式碼分析

1. 用web storage取代cookiesCookie最大的問題是每次都會跟在請求後面。在HTML5中，用sessionStorage和localStorage把使用者資料直接在客戶端，這樣可以減少HTTP請求的資料量。而且Web storage還提供了API來操作數據，不像cookie，還得自己寫。 // if localStorage is present, use th

Mar 17, 2017 pm 04:10 PM

HTML5，网站，前端性能

HTML5 canvas畫布詳解（六）

貝塞爾曲線貝塞爾曲線的專業介紹請參閱： http://www.cnblogs.com/jay-dong/archive/2012/09/26/2704188.html下面是canvas繪製貝塞爾曲線的程式碼： canvas繪圖Mar 17, 2017 pm 03:54 PM

HTML5 ，canvas画布

HTML5 canvas畫布詳解（五）

drawImage共提供了三種方法：在畫布上定位影像。 context.drawImage(img,x,y);在畫布上定位圖像，並指定圖像的寬度和高度。 context.drawImage(img,x,y,width,height);裁切影像，並在畫布上定位被裁切的部分。 context.drawImage(img,sx,sy,swidth,sheight,x,y,width,heigh

Mar 17, 2017 pm 03:50 PM

HTML5 ，canvas画布

HTML5 canvas畫布詳解（四）

arcTo用法用法：arcTo(x1, y1, x2, y2, radius) 說明：arcTo()方法將利用當前端點、端點1(x1,y1)和端點2(x2,y2)這三個點所形成的夾角，然後繪製一段與夾角的兩邊相切並且半徑為radius的圓上的弧線。弧線的起點就是目前端點所在邊與圓的切點，弧線的終點就是端點2(x2,y2)所在邊與圓的切點，而繪製的弧線是兩個切點之間長度最短的那個圓弧。此外，如果當

Mar 17, 2017 pm 03:46 PM

HTML5 ，canvas画布

HTML5 canvas畫布詳解（三）

本節主要是canvas各種用法的範例，先解決一個我在應用canvas繪圖過程中的一個問題，相信大家可能也遇到過。一個奇怪的問題下面程式碼是在canvas上繪製一個100*100的矩形：canvas基礎練習 .myCanvas{

Mar 17, 2017 pm 03:39 PM

HTML5 ，canvas画布

HTML5 canvas畫布詳解（二）

上一篇對canvas標籤作了簡單的介紹和用法範例，但實際上canvas的用法是非常強大的，許多酷炫的HTML5動畫及遊戲都是基於canvs來製作的。因此決定繼續來兩篇與canvas相關的博文，鞏固canvas的基礎。本篇主要介紹canvas的相關屬性與用法。顏色、樣式和陰影屬性描述 fillStyle 設定或傳回用於填滿繪畫的顏色、漸層或模式

Mar 17, 2017 pm 03:34 PM

HTML5 ，canvas画布

HTML5 canvas畫布詳解（一）

HTML5中canvas元素用於在網頁上繪製圖形。 Canvas的特色Canvas畫布是一個矩形區域，可以控制其每一個像素Canvas使用JavaScript來控制繪圖Canvas具有直線、矩形、圓以及添加圖像的方法Canvas標籤的使用下面的程式碼是使用canvas畫面繪製一個200*200紅色矩形：我的canvas頁面

Mar 17, 2017 pm 03:32 PM

HTML5 ，canvas画布

基於HTML標籤marquee實作捲動效果的簡單方法

頁面的自動滾動效果，可由javascript來實現，但是今天無意中發現了一個html標籤 - 可以實現多種滾動效果，無需js控制。

Mar 17, 2017 pm 03:08 PM

HTMLmarquee滚动效果

詳解HTML5之pushstate、popstate操作history無刷新改變目前url程式碼實例

這篇文章主要介紹了HTML5之pushstate、popstate操作history,無刷新改變當前url的相關資料,需要的朋友可以參考下

Mar 16, 2017 pm 04:25 PM

HTML5，pushstate，popstate

詳解HTML5瀏覽器相容性解決方案

目前大部分瀏覽器均支援HTML5。低版本瀏覽器支援HTML5所有瀏覽器，對無法辨識的元素會作為內嵌元素自動處理。因此可以採用以下方法教會瀏覽器處理 “未知” 的 HTML 元素。將 HTML5 元素定義為區塊元素HTML5 定了 8 個新的 HTML 語意（semantic）元素。所有這些元素都是區塊級元素。為了能讓舊版的瀏覽器正確顯示這些元素，你可以設定 CSS 的 display 屬

Mar 16, 2017 pm 04:19 PM

HTML5，浏览器，兼容性

HTML5 web儲存-web SQL範例程式碼分析

什麼是web SQL?我們經常在應用程式中大量處理結構化數據，HTML5引入了web SQL database概念，它允許應用程式透過非同步的Javascript介面來存取SQLlite資料庫。但目前web SQL並不在HTML5的規範中，而是單獨的規範，Safari、Chrome、Oprea瀏覽器支援web SQL。三個核心方法Web SQL Database 規範中定義的三個核心方法：ope

Mar 16, 2017 pm 04:16 PM

HTML5 ，web存储，web SQL

HTML5本地資料庫詳情介紹

對於複雜的資料庫，HTML5使用本地資料庫進行操作。這是一個瀏覽器端的資料庫。在本機資料庫中我們可以直接利用JavaScript建立資料庫，並利用SQL語句執行相關的資料庫操作。以下分別介紹本地資料庫的各個API及其使用方法。 1.利用openDatabase建立資料庫我們可以利用openDatabase方法建立資料庫。 openDatabase方法傳遞五個參數，分別是：資料庫名稱、資料庫版本號

Mar 16, 2017 pm 04:10 PM

HTML5，数据库

1.介紹為了讓Web應用能夠和伺服器進程之間保持雙向通信，這裡介紹WebSocket介面。註：This interface does not allow for raw access to the underlying network. For example, this interface could not be used eximple interface could not be used toimple interface could not be used toimple interface out

Mar 16, 2017 pm 04:06 PM

WebSocket ，API ，HTML5

HTML5物件導向的遊戲開發簡單實例分享

在閱讀一本HTML5遊戲開發相關書籍時發現一個很好的例子，透過這個例子可以對物件導向的開發有更深入的理解。這個物件要實現的是：將一個CSS sprite中的圖像繪製到canvas中。先建立一個SpriteSheet對象，程式碼如下：var SpriteSheet = new function(){ this.map = { }; this.load = function(sprite

Mar 16, 2017 pm 04:02 PM

HTML5，面向对象，游戏开发