開篇語 最近接手了一個移動端的項目。個人感覺是自己做得比較快而且比較健壯的一個。。。移動端最主要就是頁面要適用不同的手機屏幕,ipad等。下面就分享一些技巧,讓你不依賴任何框架高效地搭建自己的項目。 一、樣式按組件或板塊分文件寫再合成 ①設置各種變量 采用scss或者less來寫css代碼 ...
piexl 像素知識 的圖片能不能在iphone 上完全展示 iphone 分辨率 邏輯像素與物理像素的關系 px邏輯像素:瀏覽器使用的抽象單位 dp,pt物理像素:設備無關像素 dpr:設備像素縮放比 計算公式: px dpr dp iphone 的 dpr DPI:打印機每英寸可以噴的墨汁點 印刷行業 PPI:屏幕每英寸的像素數量,即單位英寸內的像素密度 目前,在計算機顯示設備參數描述上,二 ...
2016-08-15 23:15 1 22045 推薦指數:
開篇語 最近接手了一個移動端的項目。個人感覺是自己做得比較快而且比較健壯的一個。。。移動端最主要就是頁面要適用不同的手機屏幕,ipad等。下面就分享一些技巧,讓你不依賴任何框架高效地搭建自己的項目。 一、樣式按組件或板塊分文件寫再合成 ①設置各種變量 采用scss或者less來寫css代碼 ...
1.rem是什么? rem(font size of the root element)是指相對於根元素的字體大小的單位 2.為什么web app要使用rem? 實現強大的屏幕適配布局(淘寶,騰 ...
【資源一】基礎知識恕不回顧 基礎知識參考以下兩篇博客: http://isux.tencent.com/web-app-rem.html http://www.w3cplus.com ...
說起網站調試,pc頁面和h5頁面,假如電腦上能夠重現的,都不在話下,調試起來都蠻簡單。僅僅需要fiddler一個抓包工具,把線上壓縮代碼替換成本地無壓縮代碼就可以了。具體步驟我后面可以詳細介紹。但是,僅僅是某款手機重現,其他手機沒有問題的情況下如何調試?hybrid頁面如何調試呢?這篇文章簡單總結 ...
整理一下自己平時移動端web開發中遇到的問題,也參考一下前輩的一些總結 1、最常見的要數1像素邊框了 因為Retine屏的分辨率始終是普通屏幕的2倍,1px的邊框在dpr=2的retina屏下會顯示成2px。 但在IOS8中,已經支持0.5px了,那就意味着 ...
本博文總結順序大概如下 移動端開發通用坑 vue移動開發特有坑以及小技巧分享 移動端開發性能優化 一、移動端開發通用坑 1、click300ms延遲? 講道理,現在開發移動端基本是不會有這么一個問題的。但作為移動端以前的經典坑 ...
(1)———————— 前端里移動端到底比pc端多哪些知識,為啥面試時好多公司都問h5水平如何?我做過幾年的web前端開發,就簡單談談自己的感受吧。首先來看看PC端和移動端在前端開發上的一些區別: (1)PC考慮的是瀏覽器兼容性,移動端開發考慮的更多的是手機兼容性,因為目前不管是android ...
寫在前面: 因為移動市場的盛行帶動了移動社交、移動購物、手游、智能化硬件等多個新興領域。智能終端硬件水平越來越高,運行其上的web瀏覽器能力也越來越強,加上HTML5\JS\CSS的蓬勃發展,Web已經能夠展現出非常不錯的體驗。但是單純瀏覽器中的web還是不能代替本地原生應用,因為通用瀏覽器還不 ...