2018-11-03zhaods閱讀(999)贊(0)

HTML5 中提供了直接拖放的 API，極大的方便我們實(shí)現(xiàn)拖放效果，不需要去寫一大堆的 js，只需要通過監(jiān)聽元素的拖放事件就能實(shí)現(xiàn)各種拖放功能。 前言 HTML5 中提供了直接拖放的 API，極大的方便我們實(shí)現(xiàn)拖放效果，不需要去寫一大堆的 ...

2018-11-03zhaods閱讀(913)贊(0)

在博客園看到了車大棒的寫了一篇關(guān)于實(shí)現(xiàn)黑客帝國矩形陣，覺得canvas還是有一些奇妙的地方所在，故做個(gè)筆記記錄一下。 實(shí)現(xiàn)的效果如下： 真的是一兩行關(guān)鍵的代碼添加就能實(shí)現(xiàn)意想不到的效果。 由于是canvas實(shí)現(xiàn)的，所有首先第一步就是在頁面添...

2018-11-03xiaoxiami閱讀(1794)贊(0)

canvas實(shí)現(xiàn)刮刮樂主要是要注意兩個(gè)地方:第一個(gè)是將繪制的圖形設(shè)置成背景圖片（用到toDataURL屬性），這樣在擦覆蓋層的時(shí)候才不會(huì)丟失繪制的圖案， 第二個(gè)是設(shè)置在繪制插圖的時(shí)候，設(shè)置透明透明（用到globalCompositeOper...

2018-11-03xiaoxiami閱讀(1022)贊(0)

一年多前見過一個(gè)多人聊天室應(yīng)用，是張丹老師寫的一個(gè) socket.io 教程 （原鏈接點(diǎn)不開，貼一個(gè)轉(zhuǎn)帖的），覺得socket這個(gè)東西很神奇。后來研究生期間的一個(gè)項(xiàng)目也用到了.Net的socket，多個(gè)客戶端之間的通信， 覺得很有意思，也是...

2018-11-03xiaoxiami閱讀(1172)贊(0)

這篇文章主要介紹了詳解HTML5 window.postMessage與跨域,非常具有實(shí)用價(jià)值，需要的朋友可以參考下 在前一篇文章中，講到瀏覽器同源策略，即阻止不同域的頁面間訪問彼此的方法和屬性，并對解決同源策略跨域問題提出的解決方案進(jìn)行闡...

2018-11-03xiaoxiami閱讀(1100)贊(0)

本篇文章主要介紹了HTML5中indexedDB 數(shù)據(jù)庫的使用實(shí)例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧 前言 在 HTML5 的本地存儲(chǔ)中，有一種叫 indexedDB 的數(shù)據(jù)庫，該數(shù)據(jù)庫是一種存儲(chǔ)在...

2018-11-03xiaoxiami閱讀(810)贊(0)

最近接觸了Bootstrap，涉及到了LESS，CSS的預(yù)處理器使用最廣泛的就是LESS和Sass，都是努力把CSS武裝成為開發(fā)語言，讓它從簡單的描述性語言過渡到具有程序式特性的語言，主要的特性就是：變量、Mixins、嵌套、繼承等。就像教...

2018-11-03zhaods閱讀(829)贊(0)

上周五突然接到現(xiàn)場的一個(gè)需求，做一個(gè)移動(dòng)端的勞模展示頁面?，F(xiàn)場美工把原型圖發(fā)了過來。這個(gè)樣子的： 說實(shí)在的很想吐槽一下我們美工的審美哈，不過這不是重點(diǎn)。 因?yàn)檫吙蚴切枰厥饣y的所以打算用border-image實(shí)現(xiàn)。 .example{ ...

2018-11-03xiaoxiami閱讀(675)贊(0)

前言 HTML5 中提供了直接拖放的 API，極大的方便我們實(shí)現(xiàn)拖放效果，不需要去寫一大堆的 js，只需要通過監(jiān)聽元素的拖放事件就能實(shí)現(xiàn)各種拖放功能。 想要拖放某個(gè)元素，必須設(shè)置該元素的 draggable 屬性為 true，當(dāng)該屬性為 f...

2018-11-03zhaods閱讀(860)贊(0)

一開始，在 Web 端，并沒有任何可以接觸到 clipborad 的內(nèi)容。以前，我們想要執(zhí)行 copy/paste/cut 只能借助 flash。但現(xiàn)在，偉大的 H5 又或者說 W3C 推出了關(guān)于 H5 操控 clipboard 的草案。最...