眾所周知,所謂的觸摸屏網(wǎng)站也是WebApp一種展示形式主要依賴于HTMLCSSJavascript與本地客戶端程序相比,這三個關(guān)鍵因素具有開發(fā)周期短、升級簡單、維護成本低等優(yōu)點WebApp本質(zhì)只是一個網(wǎng)站。讓我們來談?wù)勅绾伍_發(fā)一個適合在觸摸屏設(shè)備上顯示的頁面.
如果有在PC開發(fā)網(wǎng)頁的基礎(chǔ)很容易處理手機端。這里介紹的是專門為手持設(shè)備處理的頁面,而不是媒體查詢顯示方法.
如果是針對IOS或者高版本android,HTML5是一個很好的計劃。如果需要支持一些山寨屌絲雞,我的建議是不要用太多HTML5的標簽和API,屌絲是無法控制的,所以作為一個屌絲開發(fā)者,做一個穩(wěn)定的屌絲是很自然的.
網(wǎng)站開發(fā)要點" />
現(xiàn)在你放棄了IE,甚至拋棄了火狐,此刻你的心情一定又驚又喜.陰影和漸變可以很容易地勾勒出來,甚至可以使用css3動畫.經(jīng)測試在IOS下CSS3的渲染非常強大,在一些中端安卓模型中CSS渲染有一些偏差,CSS動畫顯然不夠流暢,此時有兩種解決方案,一種是平穩(wěn)退化,另一種是逐步增強,如何根據(jù)項目需要選擇?.
還是可以選擇的PC端使用的jQuery庫來從事手機頁面開發(fā),不會造成太多硬性,但建議在這里使用一個名稱zepto小庫實現(xiàn)基本功能,麻雀雖小,雞雞俱全。
為什么不用jQueryMobile?理由很簡單,我需要一款白色時尚的鼠標,而你卻買了一臺MAC,我得到了鼠標,但我不需要電腦和鍵盤。為什么?
那我想用senchatouch?如果只想做一個開發(fā)周期短、升級簡單、維護成本低的純粹webapp,不建議使用ST,學(xué)習(xí)ST時間可以開發(fā)很多頁面。
要注意觸摸屏的方法,jQuery沒有提供bind(“swipe)這樣的方法,甚至jQueryMobile提供的”swipe方法是如此戳,所以這里建議你仍然可以自己提供ontouchstart,ontouchmove,ontouchend寫三個類似的事件PC端上滾動效果,萬變而不離其腦。
這是手機版的亮點,在PC由于硬件強大,沒有電的概念,很容易忽略性能問題,手機端的性能問題被無限放大。
精簡DOM結(jié)構(gòu),手機頁面一般不是很復(fù)雜,仔細篩選可以篩選出許多通用模塊,這不僅有利于整個項目,而且大大提高了性能。
CSS3不是萬能的,只是工具,就像PS同樣,有時我們使用美圖XX之類的軟件就可以了,不必使用PS展示你的專業(yè)精神。WAP任何使用手機和互聯(lián)網(wǎng)的用戶都可能成為傳播者CSS3的渲染要比CSS2渲染性能要低得多,尤其是CSS3動畫基本上是電殺手。如果需要,建議縮小顯示區(qū)域。使用CSS3.在視覺和性能之間找到平衡,但一般來說,視覺優(yōu)先,因為TM這關(guān)屌絲開發(fā)者怎么了???
javascript這是性能障礙。頁面載入性能大多卡在這里。合理的封閉包裝和優(yōu)秀的代碼設(shè)計模式將變成彩色閃電盲用戶的手機屏幕。這里不能詳細說明。簡言之,更多的測試是正確的。
好了,今天小編就到這里。如果您對網(wǎng)站建設(shè)有任何其他問題,請隨時致電或留言。英科專業(yè)從事網(wǎng)站建設(shè)和推廣多年,經(jīng)驗豐富。