當(dāng)前位置:首頁 > 服務(wù) > 常見問題 > APP知識
標(biāo)簽:app開發(fā)注意事項(xiàng)盛世互聯(lián)2019-12-04
一、什么是app軟件前端開發(fā)
App前端開發(fā)是移動前端開發(fā)中的一個(gè)方面,主要是指用戶能夠看到和接觸到的app層面,比如app客戶端界面,包括ios客戶端和安卓客戶端界面。
App前端開發(fā)使用的技術(shù)是html+css+js,同時(shí)移動軟件前端開發(fā)還需要基于PhoneGap等開發(fā)平臺調(diào)用手機(jī)核心功能接口(包括地理定位,加速器,聯(lián)系人,聲音和振動等)模擬native app。前端開發(fā)是app開發(fā)中比較重要的組成部分,一般app軟件開發(fā)都是先做前端開發(fā)再進(jìn)行技術(shù)開發(fā),這是為什么呢?
這是因?yàn)?,app軟件的交互體驗(yàn)要通過 HTML5、 CSS3、 JavaScript、 JQuery、 Ajax等Web前端編程技術(shù)實(shí)現(xiàn)。如果沒有做好前端開發(fā)的話,一款app軟件就很難開發(fā)成功的交互體驗(yàn)。
二、手機(jī)app的前端開發(fā)要注意什么問題
1、app應(yīng)用前端開發(fā)要注重meta標(biāo)簽
webkit內(nèi)核中有一些私有的meta標(biāo)簽,這些meta標(biāo)簽在開發(fā)webapp時(shí)起到非常重要的作用 。
2、注意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)簽的作用。比如定義一塊內(nèi)容或文章區(qū)域 可使用section標(biāo)簽,定義導(dǎo)航條或選項(xiàng)卡可以直接使用nav標(biāo)簽等等。
3、前端制作要舍棄CSS float屬性
在項(xiàng)目開發(fā)過程中可以會遇到內(nèi)容排列顯示的布局,假如你遇見這樣的視覺稿,建議你放棄float,可以直接使用display:inline-block。
4、app前端制作利用CSS3邊框背景屬性
在app的前端開發(fā)中,這個(gè)按鈕有圓角效果,有內(nèi)發(fā)光效果還有高光效果,這樣的按鈕使用CSS3寫是無法寫出來的,當(dāng)然圓角可以使用CSS3來寫,但高光和內(nèi)發(fā)光卻無法使用CSS3編寫, 這個(gè)時(shí)候你不妨使用-webkit-border-image來定義這個(gè)按鈕的樣式。
5、了解前端開發(fā)的自適應(yīng)布局模式
在編寫CSS時(shí),前端工程師把容器(不管是外層容器還是內(nèi)層)的寬度定死并不是很明智的做法。為達(dá)到適配各種手持設(shè)備,前端工程師使用自適應(yīng)布局模式(支付寶 采用了自適應(yīng)布局模式)會比較好,因?yàn)檫@樣做可以讓你的頁面在ipad、itouch、ipod、iphone、android、web safarik、 chrome都能夠正常的顯示,你無需再次考慮設(shè)備的分辨率。
6、在app前端制作中學(xué)會使用webkit-box
webkit為display屬性提供了一個(gè)webkit-box的值,它可以幫助前端工程師做到盒子模型靈活控制。
7、去除Android平臺中對郵箱地址的識別怎么做
看過iOS webapp API的同學(xué)都知道iOS提供了一個(gè)meta標(biāo)簽:用于禁用iOS對頁面中電話號碼的自動識別。在iOS中是不自動識別郵件地址的,但在Android平臺,它會自動檢測郵件地址,當(dāng)用戶touch到這個(gè)郵件地址時(shí),Android會彈出一個(gè)框提示用戶發(fā)送郵件,如果你不想 Android自動識別頁面中的郵件地址,你不妨加上這樣一句meta標(biāo)簽在head中 。
您可能存在如下困惑:開發(fā)時(shí)間多久?需要多少預(yù)算?質(zhì)量如何保證? 我們需要提供什么資料?等等。告訴我您的需求,您將得到專業(yè)解決方案
關(guān)注公眾號
售前咨詢
提交成功! 謝謝您的寶貴意見或建議,我們將認(rèn)真閱讀,盡快回復(fù)您!
我知道了