移動前端開發

所謂前端適配,就是為了讓移動設計稿在大部分的移動設備上看起來有一致的展示效果,目前比較流行的方法有兩種。一種是強制meta viewport寬度為設計稿寬度,一種是使用rem自適應布局的flexible.js。

在移動設備中,有一些H5由于需要用戶橫屏查看的,常見的做法是檢測屏幕方向,然后提示用戶旋轉屏幕查看,這樣子雖然可以,但如果用戶是固定了屏幕的,那么體驗就比較差了,本文分享讓頁面一進來就強制橫屏方向顯示的代碼及遇到的問題解決方法。

之前寫的文章:使用JavaScript判斷手機是處于橫屏還是豎屏,最近的一個項目需要判斷這個,但在chrome的調試模式中發現橫屏和豎屏使用上面的代碼并不能檢測到,所以我認真做了一些了解,本文分享一個合適的代碼來判斷橫屏和豎屏。

移動端開發需要加的meta和常用的CSS3媒體查詢樣式,移動開發中頭部要加的一些常用meta。

H5,即 HTML5,是新一代的 HTML 標準,加入很多新的特性。離線存儲(也可稱為緩存機制)是其中一個非常重要的特性。H5 引入的離線存儲,這意味著 web 應用可進行緩存,并可在沒有因特網連接時進行訪問。

rem自適應js代碼,根據淘寶的flexible庫優化而來的,使用計算方式上比原來的更加方便,添加這段代碼在頁面中,你就能愉快的使用rem實現自適應了。

手機端給了1px的橫線,出來后要粗得多,這是為什么? 1px能在手機瀏覽器里表現出來嗎,貌似1px在手機瀏覽器上經常會變成2px,經常有人發現這樣的問題,那是因為高清Retina屏的移動設備1像素變成2像素。

移動端的相關知識匯總,meta標簽,手機兼容,媒體查詢,點擊延遲,touch事件等

前端開發周刊第一期:這周最多的文章是關于移動前端開發、前端框架、CSS3技術和網站性能開發等,鑒于一個人時間有限,今后每天可能只推薦兩篇,周末休息,一周推薦六天。如果你有好的東西,歡迎給“前端開發日報”投稿。

由于移動設備存在的環境限制,如低帶寬,高延遲,小內存,低處理器性能的等,迫使開發者不得不想辦法通過優化前端頁面的性能來滿足用戶的性能預期。在強調如何解決移動端性能問題上,這篇文章總結了一些前端優化的案例,并且概括了一些加速頁面的方法和策略。

移動前端開發由于是在手機上使用,需要考慮到網絡信號較差和為用戶的流量著想,性能和加載速度就是前端開發人員需要認真考慮的,PC的優化手段同樣使用在移動端上,下面一起看看騰訊ISUX這篇文章是如何從CSS、JavaScript、http請求和硬件渲染方面做出優化的。