正在使用HTML5的前端工程師夠了解瀏覽儲存器嗎?今天就來好好地向大家介紹一下~快學起來喔!!
Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()
今天的HTML5課程要來和大家分享一個變得超好用的工具!!那就是Drag and Drop!!她變得可以直接使用了~是不是很方便~
HTML5 Drag & Drop API-讓元素變得可拖曳
過去在網頁裡面實現 Drag & Drop 是很麻煩的，需要配合 CSS、onmousedown、onmouseup、setInterval() 等，才能做出元件拖曳的視覺效果。現在 HTML5 有直接的 Drag & Drop 機制，讓前端工程師可直接使用 drag and drop 的功能，讓使用者透過拖曳的方式，把要上傳的檔案拉到瀏覽器當中。
Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()
大家都看過HTML5 Drag and Drop上篇了嗎?下篇一起看學得更多!!大家一起學習進步吧!!
數據傳輸DataTransfer
拖曳動作的目的，是為了對來源和目標元素做操作。為了完成整個操作，就需要在來源元素和目標元素間傳輸數據。在 HTML5 中，我們透過 Javascript 的 DataTransfer 完成數據傳輸。
Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()
本篇HTML5入門課要跟大家介紹好用的地理位置定位,但要小心隱私權才行喔!!
什麼是地理位置定位 (Geolocation) API?
在 HTML5 網頁，前端工程師可使用地理位置定位 (Geolocation API) 來取得用戶的地理位置。但基於隱私權的考量，一定要獲得使用者同意才可使用。對於具有GPS（如智慧型手機等）的設備，地理位置更為準確。
Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()
新的HTML5讓Drag and Drop變得更好用的!!想了解詳情的話看這篇就對啦!!
HTML5 Drag & Drop API-讓元素變得可拖曳
過去在網頁裡面實現 Drag & Drop 是很麻煩的，需要配合 CSS、onmousedown、onmouseup、setInterval() 等，才能做出元件拖曳的視覺效果。現在 HTML5 有直接的 Drag & Drop 機制，讓前端工程師可直接使用 drag and drop 的功能，讓使用者透過拖曳的方式，把要上傳的檔案拉到瀏覽器當中。
Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()
HTML5入門篇又來啦!!今天要跟大家分享的是瀏覽儲存器!!更安全速度更快的瀏覽器你一定要試試!!
Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()
有了HTML5的audio之後你還在用舊版的HTML4插入外掛播放音檔嗎?那就太落伍啦!!
Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()
今天的HTML5新增元素要介紹的是progress載入進度的顯示條!!你會了嗎?
Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()
今天的HTML5入門基礎課要來教大家好用的網頁內容相關語意元素!!學會了之後還能提升SEO優化喔!!
Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()
前端工程師幾乎天天都會用到的HTML5你都熟悉嗎?今天要和大家介紹的是嵌入影片的新增元素,別錯過!!
HTML5新增video元素-終於可以撥放影片了!
在 HTML5 版本出現之前，網頁排版只有<div>和<span>兩種元素而已，早已無法應付現今功能越來越齊全的網頁 —— 甚至連撥放影音的元素都沒有。在 HTML4，要在網頁中聽音樂或看到影片，只能透過像是 Flash 之類的外掛。 而 HTML5 中的 <video> 元素提供了可直接在網頁中嵌入影片檔的方式。
Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()
