在作APP前端開發時應注意的一些問題

 

在整個app開發流程中，app前端開發是一個必不可少的環節，也是一個在app開發過程當中重量級的角色。說到這，那麼在app應用的前端開發中，又要注意什麼問題呢？
1、什麼是app軟件前端開發

App前端開發是移動前端開發中的一個方面，主要是指用戶可以看到和接觸到的app層面，好比app客戶端界面，包括ios客戶端和安卓客戶端界面。

App前端開發使用的技術是html+css+js，同時移動軟件前端開發還須要基於PhoneGap等開發平臺調用手機核心功能接口（包括地理定位，加速器，聯繫人，聲音和振動等）模擬native app。前端開發是app開發中比較重要的組成部分，通常app軟件開發都是先作前端開發再進行技術開發，這是爲何呢？

這是由於，app軟件的交互體驗要經過 HTML五、 CSS三、 JavaScript、 JQuery、 Ajax等Web前端編程技術實現。若是沒有作好前端開發的話，一款app軟件就很難開發成功的交互體驗。

2、手機app的前端開發要注意什麼問題

一、app應用前端開發要注重meta標籤

webkit內核中有一些私有的meta標籤，這些meta標籤在開發webapp時起到很是重要的做用 。

二、注意HTML5標籤在前端開發中的使用

在開始作app前端開發時，建議前端工程師使用HTML5，而放棄HTML4，由於HTML5能夠實現一些HTML4中沒法實現的豐富的WEB應用程序的體驗，能夠減小開發者不少的工做量，固然了你決定使用HTML5前，必定要對此很是熟悉，要知道HTML5的新標籤的做用。好比定義一塊內容或文章區域 可以使用section標籤，定義導航條或選項卡能夠直接使用nav標籤等等。  

三、前端製做要捨棄CSS float屬性  

在項目開發過程當中能夠會遇到內容排列顯示的佈局，假如你碰見這樣的視覺稿，建議你放棄float，能夠直接使用display:inline-block。

四、app前端製做利用CSS3邊框背景屬性  

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

五、瞭解前端開發的自適應佈局模式  

在編寫CSS時，前端工程師把容器（不論是外層容器仍是內層）的寬度定死並非很明智的作法。爲達到適配各類手持設備，前端工程師使用自適應佈局模式（支付寶 採用了自適應佈局模式）會比較好，由於這樣作可讓你的頁面在ipad、itouch、ipod、iphone、android、web safarik、 chrome都可以正常的顯示，你無需再次考慮設備的分辨率。   

六、在app前端製做中學會使用webkit-box  

webkit爲display屬性提供了一個webkit-box的值，它能夠幫助前端工程師作到盒子模型靈活控制。 

七、去除Android平臺中對郵箱地址的識別怎麼作  

看過iOS webapp API的同窗都知道iOS提供了一個meta標籤:用於禁用iOS對頁面中電話號碼的自動識別。在iOS中是不自動識別郵件地址的，但在Android平臺，它會自動檢測郵件地址，當用戶touch到這個郵件地址時，Android會彈出一個框提示用戶發送郵件，若是你不想 Android自動識別頁面中的郵件地址，你不妨加上這樣一句meta標籤在head中 <meta content="email=no" name="format-detection" />。