web前端學習（二）html學習筆記部分（10）-- HTML5構建應用佈局和頁面

1.2.25  HTML5構建應用佈局和頁面

1.2.25.1  HTML5在移動開發中的準則

　　1.儘可能使用單頁面開發

　　2.慎重選擇前端UI框架

　　3.動畫、特效使用準則（60fps）

　　　　瀏覽器消耗最小的css屬性

　　　　　　位置  -  transform:translate(x,y,z)

　　　　　　大小  -  transform:scale(n)

　　　　　　旋轉  -  transform:rotate(ndeg)

　　　　　　透明度  -  opacity:0..1

　　　　http://csstriggers.com/

1.2.25.2  頁面基本佈局構成

　　1.流式佈局

　　2.絕對定位佈局-適合交互類應用

　　3.Flexbox佈局-適合局部使用（Android4.1+IOS7+）

　　4.CSS Grid layout（2015年3月WD chrome）

1.2.25.3  構建詳細的內容列表

1.2.25.4  實現手機點擊事件

 

上面兩部分是老師使用java編寫手機web端頁面的過程，過程沒有什麼要記錄的，如今的任務主要是學習主要的前端知識，其餘相關聯的技術先不處理。