HTML5开发和布局（待补充）

移动开发准则

1.尽量使用单页面开发（SPA）
2.慎选UI框架
3.动画、特效使用（60fps）

**浏览器消耗最小的CSS属性**
位置：transform:translate(x,y,z)
大小：transform:scale(n)
旋转：transform:rotate(ndeg)
透明度：opacity:0~1

4.长度单位用rem

基本布局

流式布局
绝对定位布局

Flexbox布局（未来可能会成为主流）
CSS Grid layout（支持不完善）