Contact Us
21 October 2015
Category:
APP開發資訊
Comments: 0

app前端開發過程中應該註意的問題

在整個app開發流程中,app前端開發是壹個必不可少的環節,也是壹個在app開發過程中重量級的角色。那麼在app應用的前端開發中,又要註意什麽問題呢?

app前端開發

什麽是app前端開發呢?前端開發在整個app開發流程中起到壹個什麽樣的作用呢?App前端開發是移動前端開發中的壹個方面,主要是指用戶能夠看到和接觸到的app層面,比如app客戶端界面,包括ios客戶端和安卓客戶端界面。App前端開發使用的技術是html+css+js,同時移動軟件前端開發還需要基於PhoneGap等開發平臺調用手機核心功能接口(包括地理定位,加速器,聯系人,聲音和振動等)模擬native app。

前端開發是app開發中比較重要的組成部分,壹般app軟件開發都是先做前端開發再進行技術開發,這是為什麽呢?這是因為,app軟件的交互體驗要通過 HTML5、 CSS3、 JavaScript、 JQuery、 Ajax等Web前端編程技術實現。如果沒有做好前端開發的話,壹款app軟件就很難開發成功的交互體驗。

手機app的前端開發要註意什麽問題

1、app應用前端開發要註重meta標簽

webkit內核中有壹些私有的meta標簽,這些meta標簽在開發webapp時起到非常重要的作用 。

2、註意HTML5標簽在前端開發中的使用

在開始做app前端開發時,建議前端工程師使用HTML5,而放棄HTML4,因為HTML5可以實現壹些HTML4中無法實現的豐富的WEB應用程序的體驗,可以減少開發者很多的工作量,當然了妳決定使用HTML5前,壹定要對此非常熟悉,要知道HTML5的新標簽的作用。比如定義壹塊內容或文章區域 可使用section標簽,定義導航條或選項卡可以直接使用nav標簽等等。

3、前端制作要舍棄CSS float屬性

在項目開發過程中可以會遇到內容排列顯示的布局,假如妳遇見這樣的視覺稿,建議妳放棄float,可以直接使用display:inline-block。

4、app前端制作利用CSS3邊框背景屬性

在app的前端開發中,這個按鈕有圓角效果,有內發光效果還有高光效果,這樣的按鈕使用CSS3寫是無法寫出來的,當然圓角可以使用CSS3來寫,但高光和內發光卻無法使用CSS3編寫, 這個時候妳不妨使用-webkit-border-image來定義這個按鈕的樣式。

5、了解前端開發的自適應布局模式

在編寫CSS時,前端工程師把容器(不管是外層容器還是內層)的寬度定死並不是很明智的做法。為達到適配各種手持設備,前端工程師使用自適應布局模式(支付寶 采用了自適應布局模式)會比較好,因為這樣做可以讓妳的頁面在ipad、itouch、ipod、iphone、android、web safarik、 chrome都能夠正常的顯示,妳無需再次考慮設備的分辨率。

6、在app前端制作中學會使用webkit-box

webkit為display屬性提供了壹個webkit-box的值,它可以幫助前端工程師做到盒子模型靈活控制。

7、去除Android平臺中對郵箱地址的識別怎麽做

看過iOS webapp API的同學都知道iOS提供了壹個meta標簽:用於禁用iOS對頁面中電話號碼的自動識別。在iOS中是不自動識別郵件地址的,但在Android平臺,它會自動檢測郵件地址,當用戶touch到這個郵件地址時,Android會彈出壹個框提示用戶發送郵件,如果妳不想 Android自動識別頁面中的郵件地址,妳不妨加上這樣壹句meta標簽在head中

Comments are closed.