眾所周知，所謂的觸屏版網(wǎng)站其實(shí)也是WebApp的一種展示形式，主要是依賴HTML+CSS+Javascript這三個(gè)關(guān)鍵因素來(lái)實(shí)現(xiàn)，相比較原生客戶端程序來(lái)說(shuō)優(yōu)點(diǎn)就是開發(fā)周期短、升級(jí)簡(jiǎn)單、維護(hù)成本低,因?yàn)閺母旧蟻?lái)說(shuō)WebApp的本質(zhì)就是一個(gè)網(wǎng)站而已。這里就說(shuō)一下如何開發(fā)一個(gè)適合在觸屏設(shè)備上展示的頁(yè)面.

　　如果有在PC端開發(fā)網(wǎng)頁(yè)的基礎(chǔ)那么去處理手機(jī)端就很容易上手,這里介紹的是針對(duì)手持設(shè)備專門處理的頁(yè)面,而不是媒體查詢那種展示方式.

　　如果是針對(duì)IOS或者高版本的android,HTML5是一個(gè)很不錯(cuò)的方案,如果需求需要支持一些山寨屌絲雞,我的建議是不要使用太多HTML5的標(biāo)簽和API,屌絲不是屌絲可以控制的,所以作為一個(gè)屌絲開發(fā)者自然要做一個(gè)穩(wěn)重的屌絲.

　　現(xiàn)在你拋棄了IE,甚至拋棄了火狐,此刻你的心情一定又驚又喜.可以輕松的勾畫出陰影和漸變,甚至可以使用可愛的css3動(dòng)畫.經(jīng)測(cè)試在IOS下CSS3的渲染都非常給力,在一些中端安卓機(jī)型上CSS3的渲染有些偏差,CSS3動(dòng)畫明顯不夠流暢,這時(shí)候有兩種解決方案,一種是平穩(wěn)退化,一種是漸進(jìn)增強(qiáng),如何選擇還得依照項(xiàng)目需求來(lái)定.

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

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

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

　　要注意的是觸屏的方法，jQuery沒有提供bind(“swipe”)這樣的方法，甚至jQuery Mobile提供的”swipe”方法竟然是那么戳，所以這里建議還是能自己按照提供的ontouchstart, ontouchmove, ontouchend三個(gè)事件來(lái)寫一些類似PC端上的滾動(dòng)效果,萬(wàn)變而不離其腦子。

　　這才是手機(jī)版的重頭戲，在PC端因?yàn)橛布膹?qiáng)大和沒有電量這個(gè)概念所有很容易忽視性能這個(gè)問(wèn)題，在手機(jī)端性能問(wèn)題被無(wú)限放大。

　　精簡(jiǎn)DOM結(jié)構(gòu)，手機(jī)版的頁(yè)面一般不會(huì)很復(fù)雜，用心篩選一定能篩選出很多通用的模塊，這不但對(duì)整個(gè)項(xiàng)目有利，而且對(duì)性能也有很大的提升。

　　CSS3不是萬(wàn)能的，它只是一個(gè)工具，就像PS一樣，有時(shí)候我們使用美圖XX之類的軟件就可以了，不必使用PS以顯示自己的專業(yè)度。WAP端網(wǎng)址制作任何使用手機(jī)和互聯(lián)網(wǎng)的用戶都可能成為傳播者CSS3的渲染要比CSS2渲染性能低上很多，特別是CSS3動(dòng)畫，基本上是電量殺手，如果要用，建議縮小展示區(qū)域。使用CSS3的時(shí)候要在視覺和性能找一個(gè)平衡點(diǎn)，不過(guò)一般情況下都是視覺優(yōu)先，因?yàn)槿M的電量，這關(guān)屌絲開發(fā)者啥事???

　　javascript是性能攔路虎，頁(yè)面載入性能大多都卡在這里，合理的閉包，優(yōu)秀的代碼設(shè)計(jì)模式會(huì)化成一道彩色閃電亮瞎用戶的手機(jī)屏幕，具體這里無(wú)法說(shuō)的很詳細(xì)，總之多測(cè)試就對(duì)了。

　　好了，今天小編就講到這里，如果您還有其他關(guān)于網(wǎng)站建設(shè)類的問(wèn)題歡迎隨時(shí)來(lái)電或者留言。應(yīng)客網(wǎng)專業(yè)從事網(wǎng)站建設(shè)與推廣多年，經(jīng)驗(yàn)豐富。