2019獨角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>

介紹一些針對移動設(shè)備常用的HTML5開發(fā)技巧。
從web開發(fā)轉(zhuǎn)向移動開發(fā) 視野范圍的轉(zhuǎn)變

• 這點是針對可顯示的內(nèi)容區(qū)域而言的，PC的內(nèi)容區(qū)域相對于移動設(shè)備的內(nèi)容區(qū)域來說，那已經(jīng)算相當(dāng)豐富了。如果說PC可以是多視圖區(qū)域的，那么移動應(yīng)用更多的是單視圖，使得我們開發(fā)的應(yīng)用視野集中在當(dāng)前的一點，而不是多點。
• 總結(jié)：多視圖視野向單視圖視野的轉(zhuǎn)變
  

用戶習(xí)慣的轉(zhuǎn)變

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

網(wǎng)絡(luò)環(huán)境的轉(zhuǎn)變

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

協(xié)作方式的轉(zhuǎn)變

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

轉(zhuǎn)載于:https://my.oschina.net/u/1249251/blog/183971

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。