前端app開發(fā),app開發(fā)知識

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

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

邊肖的同事說，在開始做app前端開發(fā)的時(shí)候，建議前端工程師用HTML5代替HTML4，因?yàn)镠TML5可以實(shí)現(xiàn)HTML4無法實(shí)現(xiàn)的一些豐富的WEB應(yīng)用體驗(yàn)，可以減少很多開發(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時(shí)，前端工程師固定容器的寬度(無論是外容器還是內(nèi)容器)是不明智的。為了適應(yīng)各種手持設(shè)備，前端工程師較好使用自適應(yīng)布局模式(支付寶采用自適應(yīng)布局模式)，因?yàn)樗梢宰屇愕捻撁嬖趇pad、itouch、ipod、iphone、android、websafarik和chrome上正常顯示，不需要再考慮設(shè)備的分辨率。

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

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

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

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

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

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