Nginx配置網站適配PC和手機
考慮到網站的在多種設備下的兼容性,有很多網站會有手機版和電腦版兩個版本。訪問同一個網站URL,當服務端識別出用戶使用電腦訪問,就打開電腦版的頁面,用戶如果使用手機訪問,
用canvas 實現個圖片三角化(LOW POLY)效果
之前無意中看到Ovilia 用threeJS做了個LOW POLY,也就是圖片平面三角化的效果,覺得很驚艷,然後就自己花了點時間嘗試了一下。我是沒怎麼用過threejs
HTML5中的Range對象的研究
一:Range對象的概念 Range對象代表頁面上的一段連續區域,通過Range對象,可以獲取或修改頁面上的任何區域,可以通過如下創建一個空的Range對象,
移動前端—圖片壓縮上傳實踐
此前有同事跟我聊過關於移動端用canvas壓縮圖片後再上傳的功能,最近有了點空閒時間,所以就實踐了一下。demo效果鏈接在文章底部貼出。 在做移動端圖片上
移動端webapp自適應實踐(css雪碧圖制作小工具實踐)圖文並茂
為什麼要寫這個以前寫過關於webapp自適應屏幕的文章(鏈接),不過寫的大多數群眾看不懂,所以來個圖文並茂的版本。雖然只是一個簡單的頁面,不過在做的過程中也遇到了一些問
html5獲取地理位置信息API
Html5獲取地理位置信息API 在Html5中,可以看下如何使用Geolocation API來獲得用戶的
【HTML5疑難雜症】脫離文檔流時的渲染BUG
BUG重現最近機票團隊在一個頁面布局復雜的地方發現一個BUG,非常奇怪並且不好定位,這類問題一般最後都會到我這裡,這個問題是,改變dom結構,頁面卻不渲染!!!如圖所示
HTML5 Storage API
Web Storage是Html5引入的一個非常重要的功能,可以在客戶端本地存儲數據,類似Html4的cookie,但可實現功能要比cookIE強大的多。 在
HTML5 Web Worker
在 Html5 中提出了工作線程(Web Workers)的概念,即多線程概念,可以將一些大量計算的代碼交給web worker運行而不凍結用戶界面。Web Worke
通過手機Web實現手機搖一搖的功能
經常我們玩微信都會用到查到附近的人,都是在app上實現手機搖一搖的功能。現在,我們將此技術搬移到手機web上,供大家學習,主要是用到Html5的重要特性就是Device
HTML5跨浏覽器前端表單驗證
表單驗證是廣大前端非常頭疼的一項事務,特別是在面對復雜表單的情況下,例如某些輸入框僅接受數字輸入,某些字段是必填,有些項又必須滿足一定輸入規則……為了提供更好的用戶體驗
HTML5樹組件延遲加載技術實現
HT for Web的Html5樹組件有延遲加載的功能,這個功能對於那些需要從服務器讀取具有層級依賴關系數據時非常有用,需要獲取數據的時候再向服務器發起請求,這樣可減輕
移動設備的HTML頁面中圖片實現滾動加載
如今移動互聯網風靡全球,移動頁面的元素也是豐富多彩,一個移動頁面的圖片超過10張已經是再正常不過的事情了。但是相對,很多移動用戶還停留在2G,3G這樣的網絡中。那麼這樣
Html5多媒體相關的API---video
在Html5中,新增了兩個元素---video元素與audio元素,其中video元素專門用來播放網絡上的視頻或電影,而audio元素專門用來播放網絡上的音頻數據。我們
animation CSS3動畫總結
最近一個小游戲項目用到了CSS3的動畫屬性,例如transition、transform、animation。經過三個星期,終於做完了,利用周末好好梳理總結一下。key
CSS Sprites+CSS3 Icon Font
CSS Sprites在國內很多人叫CSS精靈,是一種網頁圖片應用處理方式。它允許你將一個頁面涉及到的所有零星圖片都包含到一張大圖中去,這樣一來,當訪問 該頁面時,載入
CSS3中用自定義字體實現小圖標icon
最近在做一個項目時, 研究了一下新浪微博的前端, 看到首頁中那個圖標了嗎, 以前看到這類效果的第一反應就是用一個gif之類的圖標做出來!!但在研究的過程, 發現了一個小
手機頁面rem布局
手機頁面設計一般的大小是640,但是,手機屏幕大小確實不確定的,這樣,怎麼才能做出適應所有手機的手機頁面呢?一般的解決方案有兩種,rem布局和百分比布局。這兩種方案我有
移動端前端筆記 — 遇到的常見JS與CSS問題及解決方法
筆者接觸移動前端快一年了,特將平時的一些筆記整理出來,希望能夠給需要的人一些小小的幫助。同時也由於筆者的水平有限,雖說都是筆者遇到過使用過的,但文中可能也會出現一些問題
學習html5系列之-- requestAnimationFrame
一,開篇分析Hi,大家好!大熊君又和大家見面了,(*^__^*) 嘻嘻……,這系列文章主要是學習Html5相關的知識點,以學習API知識點為入口,由淺入深的引入實例,讓