眾所周知，所謂的觸摸屏網(wǎng)站也是WebApp一種展示形式主要依賴(lài)于HTMLCSSJavascript與本地客戶(hù)端程序相比，這三個(gè)關(guān)鍵因素具有開(kāi)發(fā)周期短、升級(jí)簡(jiǎn)單、維護(hù)成本低等優(yōu)點(diǎn)WebApp本質(zhì)只是一個(gè)網(wǎng)站。讓我們來(lái)談?wù)勅绾伍_(kāi)發(fā)一個(gè)適合在觸摸屏設(shè)備上顯示的頁(yè)面.

　　如果有在PC開(kāi)發(fā)網(wǎng)頁(yè)的基礎(chǔ)很容易處理手機(jī)端。這里介紹的是專(zhuān)門(mén)為手持設(shè)備處理的頁(yè)面，而不是媒體查詢(xún)顯示方法.

　　如果是針對(duì)IOS或者高版本android,HTML5是一個(gè)很好的計(jì)劃。如果需要支持一些山寨屌絲雞，我的建議是不要用太多HTML5的標(biāo)簽和API,屌絲是無(wú)法控制的，所以作為一個(gè)屌絲開(kāi)發(fā)者，做一個(gè)穩(wěn)定的屌絲是很自然的.

網(wǎng)站開(kāi)發(fā)要點(diǎn)" />

　　現(xiàn)在你放棄了IE,甚至拋棄了火狐，此刻你的心情一定又驚又喜.陰影和漸變可以很容易地勾勒出來(lái)，甚至可以使用css3動(dòng)畫(huà).經(jīng)測(cè)試在IOS下CSS3的渲染非常強(qiáng)大，在一些中端安卓模型中CSS渲染有一些偏差，CSS動(dòng)畫(huà)顯然不夠流暢，此時(shí)有兩種解決方案，一種是平穩(wěn)退化，另一種是逐步增強(qiáng)，如何根據(jù)項(xiàng)目需要選擇？.

　　還是可以選擇的PC端使用的jQuery庫(kù)來(lái)從事手機(jī)頁(yè)面開(kāi)發(fā)，不會(huì)造成太多硬性，但建議在這里使用一個(gè)名稱(chēng)zepto小庫(kù)實(shí)現(xiàn)基本功能，麻雀雖小，雞雞俱全。

　　為什么不用jQueryMobile?理由很簡(jiǎn)單，我需要一款白色時(shí)尚的鼠標(biāo)，而你卻買(mǎi)了一臺(tái)MAC，我得到了鼠標(biāo)，但我不需要電腦和鍵盤(pán)。為什么？

　　那我想用senchatouch?如果只想做一個(gè)開(kāi)發(fā)周期短、升級(jí)簡(jiǎn)單、維護(hù)成本低的純粹webapp，不建議使用ST，學(xué)習(xí)ST時(shí)間可以開(kāi)發(fā)很多頁(yè)面。

　　要注意觸摸屏的方法，jQuery沒(méi)有提供bind(“swipe)這樣的方法，甚至jQueryMobile提供的”swipe方法是如此戳，所以這里建議你仍然可以自己提供ontouchstart,ontouchmove,ontouchend寫(xiě)三個(gè)類(lèi)似的事件PC端上滾動(dòng)效果，萬(wàn)變而不離其腦。

　　這是手機(jī)版的亮點(diǎn)，在PC由于硬件強(qiáng)大，沒(méi)有電的概念，很容易忽略性能問(wèn)題，手機(jī)端的性能問(wèn)題被無(wú)限放大。

　　精簡(jiǎn)DOM結(jié)構(gòu)，手機(jī)頁(yè)面一般不是很復(fù)雜，仔細(xì)篩選可以篩選出許多通用模塊，這不僅有利于整個(gè)項(xiàng)目，而且大大提高了性能。

　　CSS3不是萬(wàn)能的，只是工具，就像PS同樣，有時(shí)我們使用美圖XX之類(lèi)的軟件就可以了，不必使用PS展示你的專(zhuān)業(yè)精神。WAP任何使用手機(jī)和互聯(lián)網(wǎng)的用戶(hù)都可能成為傳播者CSS3的渲染要比CSS2渲染性能要低得多，尤其是CSS3動(dòng)畫(huà)基本上是電殺手。如果需要，建議縮小顯示區(qū)域。使用CSS3.在視覺(jué)和性能之間找到平衡，但一般來(lái)說(shuō)，視覺(jué)優(yōu)先，因?yàn)門(mén)M這關(guān)屌絲開(kāi)發(fā)者怎么了？??

　　javascript這是性能障礙。頁(yè)面載入性能大多卡在這里。合理的封閉包裝和優(yōu)秀的代碼設(shè)計(jì)模式將變成彩色閃電盲用戶(hù)的手機(jī)屏幕。這里不能詳細(xì)說(shuō)明。簡(jiǎn)言之，更多的測(cè)試是正確的。

　　好了，今天小編就到這里。如果您對(duì)網(wǎng)站建設(shè)有任何其他問(wèn)題，請(qǐng)隨時(shí)致電或留言。英科專(zhuān)業(yè)從事網(wǎng)站建設(shè)和推廣多年，經(jīng)驗(yàn)豐富。