作者:TPshop搜豹商城 發(fā)布時間:2020-04-23 17:45 閱讀:1902
手機app前端開發(fā)這么重要,那在前端開發(fā)過程中要注意哪些問題呢?關(guān)于這個問題,小編專門整理一些內(nèi)容:
1、注意HTML5標簽在前端開發(fā)中的使用
小編的那位同事說到,在開始做app前端開發(fā)時,建議前端工程師使用HTML5,而放棄HTML4,因為HTML5可以實現(xiàn)一些HTML4中無法實 現(xiàn)的豐富的WEB應用程序的體驗,可以減少開發(fā)者很多的工作量,當然了你決定使用HTML5前,一定要對此非常熟悉,要知道HTML5的新標簽的作用。比 如定義
一塊內(nèi)容或文章區(qū)域 可使用section標簽,定義導航條或選項卡可以直接使用nav標簽等等。
2、app應用前端開發(fā)要注重meta標簽
webkit內(nèi)核中有一些私有的meta標簽,這些meta標簽在開發(fā)webapp時起到非常重要的作用 。
3、了解前端開發(fā)的自適應布局模式
在編寫CSS時,前端工程師把容器(不管是外層容器還是內(nèi)層)的寬度定死并不是很明智的做法。為達到適配各種手持設備,前端工程師使用自適應布局模 式(支付寶 采用了自適應布局模式)會比較好,因為這樣做可以讓你的頁面在ipad、itouch、ipod、iphone、android、 web safarik、 chrome都能夠正常的顯示,你無需再次考慮設備的分辨率。
4、前端制作要舍棄CSS float屬性
在項目開發(fā)過程中可以會遇到內(nèi)容排列顯示的布局,假如你遇見這樣的視覺稿,建議你放棄float,可以直接使用display:inline-block。
5、在app前端制作中學會使用webkit-box
webkit為display屬性提供了一個webkit-box的值,它可以幫助前端工程師做到盒子模型靈活控制。
6、app前端制作利用CSS3邊框背景屬性
在app的前端開發(fā)中,這個按鈕有圓角效果,有內(nèi)發(fā)光效果還有高光效果,這樣的按鈕使用CSS3寫是無法寫出來的,當然圓角可以使用CSS3來寫, 但高光和內(nèi)發(fā)光卻無法使用CSS3編寫, 這個時候你不妨使用-webkit-border-image來定義這個按鈕的樣式。
點擊【APP下載安裝官方免費下載】聯(lián)系客服獲取。
<TPshop()是國內(nèi)知名商城系統(tǒng)及商城網(wǎng)站建設開發(fā)商,為企業(yè)級商家提供零售商城、B2B2C多用戶商城系統(tǒng)、網(wǎng)上商城開發(fā)、三級分銷系統(tǒng)、小程序商城、APP制作等多端商城及電子商務行業(yè)解決方案>