欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

WebApp觸屏版網(wǎng)站開發(fā)有哪些要點?

2021-11-12    分類: 網(wǎng)站建設

眾所周知,所謂的觸屏版網(wǎng)站其實也是WebApp的一種展示形式,主要是依賴HTML+CSS+Javascript這三個關鍵因素來實現(xiàn),相比較原生客戶端程序來說優(yōu)點就是開發(fā)周期短、升級簡單、維護成本低,因為從根本上來說WebApp的本質就是一個網(wǎng)站而已。這里就說一下如何開發(fā)一個適合在觸屏設備上展示的頁面.

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

這里提供幾個meta屬性

使頁面不可以認為放大縮小,喜歡用手指捏來捏去的童鞋要失望了.

使網(wǎng)站開啟對web app程序的支持

在web app應用下狀態(tài)條(屏幕頂部條)的顏色;

設置web app的放置主屏幕上icon文件路徑,IOS系統(tǒng)添加到主屏幕那個圖標,圖片尺寸可以設定為57*57(px)或者Retina可以定為114*114(px),ipad尺寸為72*72(px)

類似原生程序的啟動畫面,IOS有效,需把web app保存到桌面屏幕打開.

禁止一串數(shù)字變?yōu)榭蓳艽蛱柎a

以上是常用的一些meta標簽,應該可以滿足大部分需求.

HTML:

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

HTML5的屬性還是很好用的,placeholder就是其中一個.

CSS:

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

建議不要使用太多的CSS3效果,CSS3的渲染比較耗電,也會對性能造成一定的影響.

Javascript:

你仍然可以選擇在PC端使用的jQuery庫來從事手機端的頁面開發(fā),這不會造成太多硬性,但這里推薦使用一個叫zepto的小庫來實現(xiàn)基本功能,麻雀雖小,雞雞俱全。

為什么不用jQuery Mobile?理由很簡單,我需要一款白色時尚的鼠標,而你卻買了一臺MAC,鼠標我得到了,但是電腦和鍵盤我并不需要,這又是何必呢。

那我想用sencha touch?如果只是想做一個開發(fā)周期短、升級簡單、維護成本低的純web app,那就不建議使用ST,學習ST的時間都可以開發(fā)很多頁面了。

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

性能:

這才是手機版的重頭戲,在PC端因為硬件的強大和沒有電量這個概念所有很容易忽視性能這個問題,在手機端性能問題被無限放大。

精簡DOM結構,手機版的頁面一般不會很復雜,用心篩選一定能篩選出很多通用的模塊,這不但對整個項目有利,而且對性能也有很大的提升。

CSS3不是萬能的,它只是一個工具,就像PS一樣,有時候我們使用美圖XX之類的軟件就可以了,不必使用PS以顯示自己的專業(yè)度。CSS3的渲染要比CSS2渲染性能低上很多,特別是CSS3動畫,基本上是電量殺手,如果要用,建議縮小展示區(qū)域。使用CSS3的時候要在視覺和性能找一個平衡點,不過一般情況下都是視覺優(yōu)先,因為去TM的電量,這關屌絲開發(fā)者啥事???

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

當前文章:WebApp觸屏版網(wǎng)站開發(fā)有哪些要點?
分享URL:http://www.aaarwkj.com/news/135521.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站建設、品牌網(wǎng)站設計、定制網(wǎng)站域名注冊、App開發(fā)、移動網(wǎng)站建設

廣告

聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)站建設公司
久久综合色爱综合欧美| 男人的天堂在线观看黄片| 性生活视频在线观看免费| 日本高清精品视频在线| 爱我久久视频网免费视频| 欧美精品一区二区毛卡片| 亚洲 综合 久久久| 中文字幕日韩手机在线| 国产亚洲精品第一综合| 日韩 在线一区二区| 国产精品国产三级国av中文| 欧美亚洲午夜一二综合| 国产高清内射一级一片高清视频| 国产av爆操黑丝美女| 黄片超刺激在线看在线| 国产av超爽剧情系列| 欧美av在线免费观看| 激情啪啪啪的免费网站| 国产精品大白屁股视频| 日本精品av免费观看| 午夜在线免费观看小视频| 久久偷拍女生厕所尿尿| 日韩成人在线高清视频| 婷婷激情综合亚洲五月色| 亚洲欧洲av男人的天堂| 国产成年人在线免费观看| 日本高清不卡在线播放| 不卡一区二区福利日本| 亚洲日本欧美激情综合| 成年人免费国产视频网站| 日本成人精品二区在线观看| 午夜激情视频福利在线观看| 久久久久亚洲av成人网人| 伊人久久精品一区二区| 国产白浆视频在线观看| 亚洲va久久久噜噜噜久久狠| 一区二区在线日韩欧美| 在线视频日韩欧美国产二区| 国内揄拍国内精品少妇国| 啄木乌欧美一区二区三| 欧美三级亚洲三级日韩三级|