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端页面的过程,过程没有什么要记录的,现在的任务主要是学习主要的前端知识,其他相关联的技术先不处理。