2019獨角獸企業重金招聘Python工程師標準>>>

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

• 這點是針對可顯示的內容區域而言的，PC的內容區域相對于移動設備的內容區域來說，那已經算相當豐富了。如果說PC可以是多視圖區域的，那么移動應用更多的是單視圖，使得我們開發的應用視野集中在當前的一點，而不是多點。
• 總結：多視圖視野向單視圖視野的轉變
  

用戶習慣的轉變

• PC上的操作，更多的是使用鼠標；而移動設備更多的是用戶手的直接接觸。所以，對于頁面元素而言，鼠標操作顯得更加靈活；而移動設備上手的操作顯得有些模糊，操作區域也就要響應變得更大一些。使用手操作可能還會不小心觸碰到相鄰的區域，所以在移動開發中需要使用手操作的區域一般來說不是很多，只需要輕輕點擊，滑動就可以得到想要的結果。 總結：鼠標觸屏向手觸屏的轉變
  

網絡環境的轉變

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

協作方式的轉變

• 由于頁面布局、頁面組織方式的改變，使得開發移動應用的協作方式也會發生變化。具體參考移動應用的布局方式和移動應用的頁面組織方式。
• 總結：相互協作的焦點更加集中，相互制約性加強，所以更需要懂得相互配合，以減少這種相互的影響。

轉載于:https://my.oschina.net/u/1249251/blog/183971

總結

以上是生活随笔為你收集整理的xFace3.x 开发技巧（1）---从web开发转向移动开发的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。