
HTML5拖放關(guān)于API實(shí)現(xiàn)拖放排序的實(shí)例代碼
HTML5 中提供了直接拖放的 API,極大的方便我們實(shí)現(xiàn)拖放效果,不需要去寫一大堆的 js,只需要通過監(jiān)聽元素的拖放事件就能實(shí)現(xiàn)各種拖放功能。 前言 HTML5 中提供了直接拖放的 API,極大的方便我們實(shí)現(xiàn)拖放效果,不需要去寫一大堆的 ...
HTML5 中提供了直接拖放的 API,極大的方便我們實(shí)現(xiàn)拖放效果,不需要去寫一大堆的 js,只需要通過監(jiān)聽元素的拖放事件就能實(shí)現(xiàn)各種拖放功能。 前言 HTML5 中提供了直接拖放的 API,極大的方便我們實(shí)現(xiàn)拖放效果,不需要去寫一大堆的 ...
在博客園看到了車大棒的寫了一篇關(guān)于實(shí)現(xiàn)黑客帝國矩形陣,覺得canvas還是有一些奇妙的地方所在,故做個(gè)筆記記錄一下。 實(shí)現(xiàn)的效果如下: 真的是一兩行關(guān)鍵的代碼添加就能實(shí)現(xiàn)意想不到的效果。 由于是canvas實(shí)現(xiàn)的,所有首先第一步就是在頁面添...
canvas實(shí)現(xiàn)刮刮樂主要是要注意兩個(gè)地方:第一個(gè)是將繪制的圖形設(shè)置成背景圖片(用到toDataURL屬性),這樣在擦覆蓋層的時(shí)候才不會(huì)丟失繪制的圖案, 第二個(gè)是設(shè)置在繪制插圖的時(shí)候,設(shè)置透明透明(用到globalCompositeOper...
一年多前見過一個(gè)多人聊天室應(yīng)用,是張丹老師寫的一個(gè) socket.io 教程 (原鏈接點(diǎn)不開,貼一個(gè)轉(zhuǎn)帖的),覺得socket這個(gè)東西很神奇。后來研究生期間的一個(gè)項(xiàng)目也用到了.Net的socket,多個(gè)客戶端之間的通信, 覺得很有意思,也是...
這篇文章主要介紹了詳解HTML5 window.postMessage與跨域,非常具有實(shí)用價(jià)值,需要的朋友可以參考下 在前一篇文章中,講到瀏覽器同源策略,即阻止不同域的頁面間訪問彼此的方法和屬性,并對解決同源策略跨域問題提出的解決方案進(jìn)行闡...
本篇文章主要介紹了HTML5中indexedDB 數(shù)據(jù)庫的使用實(shí)例,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧 前言 在 HTML5 的本地存儲(chǔ)中,有一種叫 indexedDB 的數(shù)據(jù)庫,該數(shù)據(jù)庫是一種存儲(chǔ)在...
最近接觸了Bootstrap,涉及到了LESS,CSS的預(yù)處理器使用最廣泛的就是LESS和Sass,都是努力把CSS武裝成為開發(fā)語言,讓它從簡單的描述性語言過渡到具有程序式特性的語言,主要的特性就是:變量、Mixins、嵌套、繼承等。就像教...
上周五突然接到現(xiàn)場的一個(gè)需求,做一個(gè)移動(dòng)端的勞模展示頁面?,F(xiàn)場美工把原型圖發(fā)了過來。這個(gè)樣子的: 說實(shí)在的很想吐槽一下我們美工的審美哈,不過這不是重點(diǎn)。 因?yàn)檫吙蚴切枰厥饣y的所以打算用border-image實(shí)現(xiàn)。 .example{ ...
前言 HTML5 中提供了直接拖放的 API,極大的方便我們實(shí)現(xiàn)拖放效果,不需要去寫一大堆的 js,只需要通過監(jiān)聽元素的拖放事件就能實(shí)現(xiàn)各種拖放功能。 想要拖放某個(gè)元素,必須設(shè)置該元素的 draggable 屬性為 true,當(dāng)該屬性為 f...
一開始,在 Web 端,并沒有任何可以接觸到 clipborad 的內(nèi)容。以前,我們想要執(zhí)行 copy/paste/cut 只能借助 flash。但現(xiàn)在,偉大的 H5 又或者說 W3C 推出了關(guān)于 H5 操控 clipboard 的草案。最...