原创 HTML5 CSS3 經典案例:無插件拖拽上傳圖片 (支持預覽與批量) (二)

上一篇已經實現了這個項目的整體的HTML和CSS:HTML5 CSS3 經典案例:無插件拖拽上傳圖片 (支持預覽與批量) (一)這篇博客直接在上篇的基礎上完成,最終效果:效果圖1:效果圖2:好了,請允許我把圖片貼了兩遍,方便大家

原创 HTML5 CSS3 專題 :誘人的實例 3D旋轉木馬效果相冊

首先說明一下創意的出處:http://www.zhangxinxu.com/study/201209/pictures-3d-slide-view.html(張鑫旭的博客 ),對前臺感興趣的可以沒事去看看他的博客,很給力~這篇博

原创 HTML5 CSS3專題 純CSS打造相冊效果

今天偶然發現電腦裏面還有這樣的一個例子,感覺效果還不錯,不記得啥時候下載的了,也好久沒上w3cfuns了,懷念學習前臺的日子,給大家分享下。效果圖:效果是不是還是很不錯的,最主要的是沒有使用一行js,這纔是亮點。先看html文件

原创 HTML5 CSS3 經典案例:無插件拖拽上傳圖片 (支持預覽與批量) (一)

上傳基本是項目中經常出現的,一般採用:1、form提交 2、flash3、HTML5form提交會刷新頁面,很難做到異步上傳;flash可能是用得比較多了,因爲可以兼顧到幾乎所有的瀏覽器,我之前一直會用jQuery的upload

原创 HTML5 CSS3 誘人的實例 :canvas 模擬實現電子彩票刮刮樂

今天給大家帶來一個刮刮樂的小例子~基於HTML5 canvas的,有興趣的可以改成Android版本的,或者其他的~效果圖:貼一張我中500w的照片,咋辦啊,怎麼花呢~好了,下面開始原理:1、刮獎區域兩個Canvas,一個是fr

原创 HTML5 CSS3 精美案例 : 實現VCD包裝盒個性幻燈片

哈,首先感謝下w3cfuns的老師,嗯~好了,這次給髮夾分享一個CSS3+JavaScript VCD包裝盒個性幻燈片的一個案例。效果圖:圖片切換是不是很個性,效果也很不錯,大家可以將其使用到自己的網站上。先看下html:[ht

原创 HTML5 CSS3專題 誘人的實例 CSS3打造百度貼吧的3D翻牌效果

首先感謝w3cfuns的老師~今天給大家帶來一個CSS3製作的翻牌效果,就是鼠標移到元素上,感覺可以看到元素背後的信息。大家如果製作考驗記憶力的連連看、撲克類的遊戲神馬的,甚至給女朋友寫一些話語,放在使用該實例製作的相冊之後都可

原创 HTML5 CSS3 誘人的實例 : 網頁加載進度條的實現,下載進度條等

今天給大家帶來一個比較炫的進度條,進度條在一耗時操作上給用戶一個比較好的體驗,不會讓用戶覺得在盲目等待,對於沒有進度條的長時間等待,用戶會任務死機了,毫不猶豫的關掉應用;一般用於下載任務,刪除大量任務,網頁加載等;如果有使用HT

原创 HTML5 CSS3 誘人的實例 :模仿優酷視頻截圖功能

一般的視頻網站對於用戶上傳的視頻,在用戶上傳完成後,可以對播放的視頻進行截圖,然後作爲視頻的展示圖。項目中也可以引入這樣的功能給用戶一種不錯的體驗,而不是讓用戶額外上傳一張展示圖。效果圖:看起來還是很不錯,下面我給大家分析下,極

原创 設計模式 裝飾者模式 帶你重回傳奇世界

今天繼續設計模式之旅,給大家帶來裝飾者模式,國際慣例,先看定義。裝飾者模式:若要擴展功能,裝飾者提供了比集成更有彈性的替代方案,動態地將責任附加到對象上。先簡單描述下裝飾者模式發揮作用的地方,當我們設計好了一個類,我們需要給這個

原创 HTML5 CSS3 專題 :誘人的實例 3D展示商品信息

強化下perspective和transform:translateZ的用法。傳統的商品展示或許並不能很好的吸引用戶的注意力,但是如果在展示中添加適當的3D元素,~說不定效果不錯哈~效果圖:說明一下:這個創意不是我想的,哈~模仿

原创 HTML5 CSS3 專題 : 拖放 (Drag and Drop)

本來準備寫一個支持多圖片拖拽上傳的例子,但是爲了更好的理解,先介紹一下HTML5的拖放。拖放(Drag 和 drop)是 html5 標準的組成部分。瀏覽器支持Internet Explorer 9、Firefox、Opera

原创 高併發程序設計入門

說在前面 本文絕大部分參考《Java高併發程序設計》,類似讀書筆記和擴展。 走入並行世界 概念 同步(synchronous)與異步(asynchronous) 同步和異步通常來形容一次方法調用。同步方法調用一旦開始,調用者必須等到方法調

原创 史上最全的架構師圖譜

本文是筆者多年來積累和收集的知識技能圖譜,有的是筆者原創總結的最佳實踐,有的是小夥伴們的分享,其中每個祕籍圖譜裏面的內容都是互聯網高併發架構師應該瞭解和掌握的知識,筆者索性把這些圖譜收集在一起,並且歸類便於查找和學習,希望能夠幫助到每一

原创 ConcurrentHashMap分析

ConcurrentHashMap是Java5中新增加的一個線程安全的Map集合,可以用來替代HashTable。對於ConcurrentHashMap是如何提高其效率的,可能大多人只是知道它使用了多個鎖代替HashTable中的單個鎖,