HTML5專案開發總結

2022-03-12 05:17:37 字數 765 閱讀 3550

html5版郵箱開發歷時時間蠻長的。從做需求到寫用例,從開發到測試,從產品最後到使用者,各個環節都做了很多無用功,浪費不少時間,值得把這些問題總結出來與大家分享一下:

1、移動平台的相容性問題。移動平台的相容性問題 >= pc的瀏覽器相容性 + 移動作業系統定製特性 + 各種解析度相容性,加之windows iphone尚未流通市場,所以在現在及將來很長時間內要想相容所有移動使用者根本就是件不可能的事情。專案初期,應該仔細核對產品提出的相容範圍。這時容易出現的問題有對各種移動平台的市場占有率把握不準確,不能擁有各種主要移動平台的測試環境,對相容的範圍設定不是技術上無法實現的偏大就是不能滿足多數使用者使用的偏小。研發需要做的就是和各部門確認好範圍,以保證技術上的可行和避免開發期間無休止地變動。

2、在ui介面中,應該少用盡量不用的有:

a、彈出層——在彈出時,會出現「滾動到頂部」這種不好的使用者體驗;在有些平台上,獲得焦點的元素會被置於覆蓋它的彈出層之上,破壞了互動效果。

b、動畫效果——一部分手機例如m8運用動畫效果容易導致瀏覽器崩潰;並且在其它很多平台上,動畫效果會遲滯系統反應,反而引起不好的使用者體驗。

c、區域性滾動——做為使用者,可能覺得在只能手機上進行拖動是件天經地義的事情,但做為開發人員的你也這樣想的話,就大錯特錯了!在我們的html5專案裡,只提供ipad上的區域性滾動體驗。

3、漸進增強。這個術語其實是純技術用語,但是在產品的迭代上,也應該同樣適用。盡可能早的上線,盡可能多面對真正的使用者,產品的成熟也就越快。

H5專案總結

專案基礎 rn taro框架,實現h5 1.無限載入的實現 1 import taro,from tarojs taro 2 import from tarojs components 3 import from tarojs redux 4 import from actions counter ...

html5移動開發

canvas 3d 3d的繪圖功能支援 svg 向量圖支援 設計師要知道,的移動 旋轉 縮放?那都太基礎了,自己畫都是小case,至於怎麼用,好好想想吧 5.專為移動平台定製的表單元素 瀏覽器中出現的html5表單元素與對應的鍵盤 型別用途鍵盤 可以綜合使用gps wifi 手機等方式讓定位更為精準...

html5 開發之旅

對於html5這個新標準,最近剛接觸,感覺很新鮮便想學學看看。關於這個標準的概念以及特點,在這裡就不多說了,請大家詳看 那麼就先從video標籤說起吧。這個屬性使用起來很簡單,就跟平時我們寫其他標籤一樣。video src movie.ogg video 這個是最基本的寫法了。但是想ie這種傻x瀏覽...