手機(jī)app的前端開發(fā)要注意什么問題

1.注意HTML5標(biāo)簽在前端開發(fā)的使用

邊肖的同事說，在開始做app前端開發(fā)的時候，建議前端工程師用HTML5代替HTML4，因為HTML5可以實現(xiàn)HTML4無法實現(xiàn)的一些豐富的WEB應(yīng)用體驗，可以減少很多開發(fā)人的工作量。當(dāng)然，在你決定使用HTML5之前，你必須對它非常熟悉，并且知道HTML5新標(biāo)簽的功能。如定義

區(qū)段標(biāo)簽可以用于一段內(nèi)容或者文章區(qū)域，導(dǎo)航標(biāo)簽可以直接用于定義導(dǎo)航欄或者標(biāo)簽等等。

2、app應(yīng)用前端開發(fā)要注意元標(biāo)簽

webkit內(nèi)核中有一些私有的元標(biāo)簽，它們在開發(fā)web app中扮演著非常重要的角色。

3.了解前端開發(fā)的自適應(yīng)布局模式

編寫CSS時，前端工程師固定容器的寬度(無論是外容器還是內(nèi)容器)是不明智的。為了適應(yīng)各種手持設(shè)備，前端工程師較好使用自適應(yīng)布局模式(支付寶采用自適應(yīng)布局模式)，因為它可以讓你的頁面在ipad、itouch、ipod、iphone、android、websafarik和chrome上正常顯示，不需要再考慮設(shè)備的分辨率。

4.前端制作應(yīng)該放棄CSSfloat屬性

在開發(fā)，項目的過程中你可以滿足內(nèi)容安排和展示的布局。如果遇到這樣的視覺草稿，建議放棄float，直接使用display:inline-block。

5.學(xué)會在應(yīng)用的前端制作使用網(wǎng)絡(luò)工具箱

Webkit為顯示屬性提供了webkit-box值，可以幫助前端工程師靈活控制box模型。

6.app前端制作使用CSS3幀背景屬性

在app的前端開發(fā)，這個按鈕有圓角效果，內(nèi)發(fā)光效果，高光效果，用CSS3是寫不出來的。當(dāng)然圓角可以用CSS3寫，高光和內(nèi)輝就不能用CSS3寫了。這時，你不妨用-webkit-border-image來定義這個按鈕的樣式。提供零售商城， B2B2C多用戶商城系統(tǒng)、線上商城開發(fā)，三級分銷系統(tǒng)、小程序商城， APP制作等多端商城及電商行業(yè)解決方案