移動Web開發(一)

2022-04-04 20:15:38 字數 815 閱讀 2935

1.**web標準

降低開發複雜度,覆蓋的技術層面十分廣泛,技術標準化。

以html為核心,擴充套件出幾個大類的技術標準:

a.程式訪問: ecmascript(es) 3 、 es 5 、 es hamony 、 web idl 、dom 2\3  、offline  、file api 、device api  、performance  、web storage  、indexeddb  、 geolocation 、etc

b.展現相關: css 2.0 、css 3  、video & audio  、vml & svg  、webgl  、graphics 2d

c.通訊相關: http & https 、websocket  、server-sent event 

d.其他: unicode 、web fonts 、xml & json  、wai-aria 

2.理解web語義化

web資訊擁有確切的含義,可被計算機理解並處理,計算機可從web上整合資訊。web標準服務於web語義化,web的目的,成為乙個能理解人類語言,和人類自然交流,為人類服務的智慧型網路。

3.html5的歷史發展

較之xhtml,html5有著向下相容、標準和實現必須相互匹配、持續發展的技術,不斷完善等優勢。

較之flash,以其開源,無需裝在軟體的優勢勝出,並且android和ios強有力的支援html5。

4.為移動而生的html5

系統無關、裝置無關、改變web開發的侷限性。

5.html5的八個類別的新東西

語義網、離線儲存、裝置訪問、通訊、多**、圖形和特效、效能和整合、呈現(css 3)

移動web開發

1.為什麼去學習移動web?已經從趨勢變成了乙個主流了,網際網路的流量入口已經大於pc端的流量入口2.相容性在國內的移動web瀏覽器,絕大部分都是基於webkit核心的,所以一些css3效果,h5的新特性絕大部分都被支援,需要新增字首。不同機型之間可能會略有不同,這個需要踩坑 在移動端,做動畫一律用...

移動web開發填坑(一)

上週開始接觸移動web開發,默默的掉進了很多坑裡面。本文主要總結本週遇到的坑以及如何填坑。1 px與rem換算。設計稿的寬度一般是640px,而iphone是320px,所以測量設計稿的結果首先要除2,這時的單位還是px,下一步要轉換成rem,怎麼轉換呢?得看根節點怎麼設定的。首先,任意瀏覽器的預設...

移動web開發1

學習了viewport視口及相應的屬性 viewport 視口屬性 該屬性只在移動端瀏覽器上才有用。name viewport 告訴瀏覽器 我這個meta標籤設定的是viewport屬性 content設定的是屬性的值 屬性名不能亂寫 有固定的取值 width 寬度 device width 裝置的...