1.注意HTML5標簽在前端開發的使用
邊肖的同事說,在開始做app前端開發的時候,建議前端工程師用HTML5代替HTML4,因為HTML5可以實現HTML4無法實現的一些豐富的WEB應用體驗,可以減少很多開發人的工作量。當然,在你決定使用HTML5之前,你必須對它非常熟悉,并且知道HTML5新標簽的功能。如定義
區段標簽可以用于一段內容或者文章區域,導航標簽可以直接用于定義導航欄或者標簽等等。
2、app應用前端開發要注意元標簽
webkit內核中有一些私有的元標簽,它們在開發web app中扮演著非常重要的角色。
3.了解前端開發的自適應布局模式
編寫CSS時,前端工程師固定容器的寬度(無論是外容器還是內容器)是不明智的。為了適應各種手持設備,前端工程師較好使用自適應布局模式(支付寶采用自適應布局模式),因為它可以讓你的頁面在ipad、itouch、ipod、iphone、android、websafarik和chrome上正常顯示,不需要再考慮設備的分辨率。
4.前端制作應該放棄CSSfloat屬性
在開發,項目的過程中你可以滿足內容安排和展示的布局。如果遇到這樣的視覺草稿,建議放棄float,直接使用display:inline-block。
5.學會在應用的前端制作使用網絡工具箱
Webkit為顯示屬性提供了webkit-box值,可以幫助前端工程師靈活控制box模型。
6.app前端制作使用CSS3幀背景屬性
在app的前端開發,這個按鈕有圓角效果,內發光效果,高光效果,用CSS3是寫不出來的。當然圓角可以用CSS3寫,高光和內輝就不能用CSS3寫了。這時,你不妨用-webkit-border-image來定義這個按鈕的樣式。提供零售商城, B2B2C多用戶商城系統、線上商城開發,三級分銷系統、小程序商城, APP制作等多端商城及電商行業解決方案