移動web前端的一些硬技能（一）關於移動設備

　　移動端web其實也就是小尺寸觸摸屏設備的web，其中包含了兩個詞——一、小尺寸設備；二、觸摸屏。能把這兩個問題給解決掉，就已是一個基本合格的移動web前端開發工程師了。對於前端工程師來講，前路漫漫，發展的太快，要學的東西超多，學什麼感受都是對的，不過不論怎樣，仍是得一步一步的邁。下面來探討一下成爲移動web前端工程師所必需要get到的一些硬技能。

 

1、觸摸設備與桌面設備的差別化

　　移動端主要是手機、小平板、大平板，而這三種其中的一種都會有無數個尺寸，並且瀏覽器在這幾種設備中都是全屏顯示，因此移動端的問題主要在於設備之間的匹配和橫縱向之間的適應。

　　桌面設備，也就是PC端，瀏覽器能夠任意調節大小，各個尺寸並不會有太明顯的跨度，能夠人爲分段控制，桌面瀏覽器之間存在不一樣的解析引擎，因此瀏覽器的兼容性是最大的問題。

　　總結：移動web重點在設備尺寸；桌面web重點在各個瀏覽器的兼容。

 

2、硬件問題

　　移動端硬件比較PC硬件水平要差得多，其計算能力對比PC也是弱爆了，因此作移動web前端，性能考慮要更多一些，考慮差一點，性能就差不少。

 

3、用戶角度

　　PC用戶目的性很強，好比工做、娛樂、學習等等等等，是一整塊時間去利用，因此用戶會花必定的時間等待，而移動端不同，移動端大可能是利用碎片時間去使用的，因此用戶不會花太多時間去等待空頁面加載，要儘量的快。

 

4、瀏覽器內核問題

　　如今大多移動端系統內置瀏覽器都是webkit內核，包括iOS、Android、blackberry，但windows phone 8倒是IE10，不過也支持HTML5。支持HTML5，不等於你們解析出來都同樣，標準都同樣，因此，測試的時候仍是會看到不少「異樣」，而這些「異樣」在PC上開發的咱們，即便用模擬器，也找不出問題所在，只能猜想、推斷，這是一件很頭痛的事。對了，還有一款瀏覽器opera mobile，opera瀏覽器在pc上表現極其優秀，由於超強的糾錯能力，之前我最愛用的，可是在移動端就表現的有些不合羣，我最開始作移動端時就是用它的移動端模擬版本在pc上模擬移動端的，後來才發現，有些地方須要單獨作處理才行。還有Firefox，支持HTML5都是沒問題的，就是有時候須要特殊處理一下，也算是個小麻煩吧。

 

5、HTML標準

　　移動端幾乎徹底支持HTML5，因此不用太考慮不支持的問題，可是由於HTML5標準肯定的比較晚，而各個瀏覽器廠商們試實行的比較早，因此會有一些個別前綴什麼的，或者本身單獨開放的一些功能，隨着規範肯定，之後會愈來愈統一吧。

　　不過我如今仍會看到不少移動web裏面用的是HTML4.0、XHTML1.0的聲明，說到這裏還得說一句——如今有經過腳原本實現pc轉移動的，其實這樣也應該會出現這種情況。固然，若是能正常顯示、操做的話，這些也都不是什麼大問題，不過對於將來升級或許是個障礙吧。