移動前端開發

移動前端開發:分享流行的移動前端開發框架、HTML5移動前端開發資訊、移動APP前端開發工具、移動前端開發資源和教程等

100vh在移動瀏覽器中以微妙但基本的方式被破壞,這使其幾乎無用。 最好避免100vh ,而是依靠javascript設置高度以獲得完整的視口體驗。

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

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

window.requestAnimationFrame() 方法告訴瀏覽器您希望執行動畫并請求瀏覽器調用指定的函數在下一次重繪之前更新動畫。該方法使用一個回調函數作為參數,這個回調函數會在瀏覽器重繪之前調用。

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

由于視口單位涉及到計算,有一段時間我是抵制在工作使用視口單位。但就在上周,我克服了心中的抵制情緒,開始去了解視口單位在網頁排版中的使用。在深入介紹視口單位以及其在網頁排版中的工作原理時,先了解下有哪些常見的視口單位。

視口(viewport)單位,使流體排版在頁面上應用變為可能。視口單位是根據瀏覽器的視口尺寸的百分比來定義的。舉個例子,1視口寬度(vw)等于視口寬度的1%,它不同于百分比的地方是,它的寬度是依賴于視口的寬度的,而百分比是元素的祖先元素來決定的。

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

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

支持自定義微信、手機QQ和QQ空間的對外分享功能。微信自定義分享出去的鏈接、圖片和文字內容;手機QQ自定義分享出去的鏈接、圖片和文字;QQ空間自定義分享鏈接、圖片和文字的接口。

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

rem是相對于根元素,這樣就意味著,我們只需要在根元素確定一個px字號,則可以來算出元素的寬高。本文講的是如何使用rem實現自適應

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

Android的apk文件越來越大了這已經是一個不爭的事實。在Android 還是最初版本的時候,一個app的apk文件大小也還只有2 MB左右,到了現在,一個app的apk文件大小已經升級到10MB到20MB這個范圍了。本文將從幾方面講解如何給Android apk廋身

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

在微信中跳到下載應用,如果不是應用寶的鏈接,沒法打開下載,如何提示用戶選擇在瀏覽器中打開呢?本文提供一種遮罩提示用戶打開瀏覽器從而可以下載應用。