xFace3.x 開發技巧（1）---從web開發轉向移動開發

介紹一些針對移動設備經常使用的HTML5開發技巧。
從web開發轉向移動開發 視野範圍的轉變

• 這點是針對可顯示的內容區域而言的，PC的內容區域相對於移動設備的內容區域來講，那已經算至關豐富了。若是說PC能夠是多視圖區域的，那麼移動應用更多的是單視圖，使得咱們開發的應用視野集中在當前的一點，而不是多點。
• 總結：多視圖視野向單視圖視野的轉變
  

用戶習慣的轉變

• PC上的操做，更多的是使用鼠標；而移動設備更多的是用戶手的直接接觸。因此，對於頁面元素而言，鼠標操做顯得更加靈活；而移動設備上手的操做顯得有些模糊，操做區域也就要響應變得更大一些。使用手操做可能還會不當心觸碰到相鄰的區域，因此在移動開發中須要使用手操做的區域通常來講不是不少，只須要輕輕點擊，滑動就能夠獲得想要的結果。 總結：鼠標觸屏向手觸屏的轉變
  

網絡環境的轉變

• PC更多的使用的是有線，而移動設備更多的是wifi之類。因此，移動的網絡環境相較於PC的網絡環境顯得惡劣得多。若是說PC，咱們能夠不用顧及用戶使用流量的考慮(必定程度上而言)，在移動應用上這是咱們必需要考慮的一個問題。因此，移動應用提供的內容應該少而精。對於網絡環境，還須要考慮其餘因素，好比斷網、網絡環境改變等等。
• 總結：網絡環境大環境向移動小環境的轉變
  

協做方式的轉變

• 因爲頁面佈局、頁面組織方式的改變，使得開發移動應用的協做方式也會發生變化。具體參考移動應用的佈局方式和移動應用的頁面組織方式。
• 總結：相互協做的焦點更加集中，相互制約性增強，因此更須要懂得相互配合，以減小這種相互的影響。