移動web前端的一些硬技能（一）關於行動裝置

標籤：

　　移動端web其實也就是小尺寸觸控螢幕裝置的web，其中包含了兩個詞——1、小尺寸裝置；2、觸控螢幕。能把這兩個問題給解決掉，就已經是一個基本合格的移動web前端開發工程師了。對於前端工程師來說，前路漫漫，發展的太快，要學的東西超多，學什麼感覺都是對的，不過不論怎樣，還是得一步一步的邁。下面來探討一下成為移動web前端工程師所必須要get到的一些硬技能。

 

一、觸摸裝置與電腦裝置的差異化

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

　　電腦裝置，也就是PC端，瀏覽器可以任意調節大小，各個尺寸並不會有太明顯的跨度，可以人為分段控制，案頭瀏覽器之間存在不同的解析引擎，所以瀏覽器的相容性是最大的問題。

　　總結：移動web重點在裝置尺寸；案頭web重點在各個瀏覽器的相容。

 

二、硬體問題

　　移動端硬體比較PC硬體水平要差得多，其計算能力對比PC也是弱爆了，所以做移動web前端，效能考慮要更多一些，考慮差一點，效能就差很多。

 

三、使用者角度

　　PC使用者目的性很強，比如工作、娛樂、學習等等等等，是一整塊時間去利用，所以使用者會花一定的時間等待，而移動端不一樣，移動端大多是利用片段時間去使用的，所以使用者不會花太多時間去等待空頁面載入，要儘可能的快。

 

四、瀏覽器核心問題

　　現在大多移動端系統內建瀏覽器都是webkit核心，包括iOS、Android、blackberry，但windows phone 8卻是IE10，不過也支援HTML5。支援HTML5，不等於大家解析出來都一樣，標準都一樣，所以，測試的時候還是會看到很多“異樣”，而這些“異樣”在PC上開發的我們，即使用模擬器，也找不出問題所在，只能猜測、推斷，這是一件很頭痛的事。對了，還有一款瀏覽器opera mobile，opera瀏覽器在pc上表現極其優秀，因為超強的錯誤修正能力，以前我最愛用的，但是在移動端就表現的有些不合群，我最開始做移動端時就是用它的移動端類比版本在pc上類比移動端的，後來才發現，有些地方需要單獨做處理才行。還有Firefox，支援HTML5都是沒問題的，就是有時候需要特殊處理一下，也算是個小麻煩吧。

 

五、HTML標準

　　移動端幾乎完全支援HTML5，所以不用太考慮不支援的問題，但是因為HTML5標準確定的比較晚，而各個瀏覽器廠商們試實行的比較早，所以會有一些個別首碼什麼的，或者自己單獨開放的一些功能，隨著規範確定，以後會越來越統一吧。

　　不過我現在仍會看到很多移動web裡面用的是HTML4.0、XHTML1.0的聲明，說到這裡還得說一句——現在有通過指令碼來實現pc轉移動的，其實這樣也應該會出現這種狀況。當然，如果能正常顯示、操作的話，這些也都不是什麼大問題，不過對於未來升級或許是個障礙吧。

 

移動web前端的一些硬技能（一）關於行動裝置