web前端学习(二)html学习笔记部分(10)-- HTML5构建应用布局和页面

本文详细介绍了HTML5在移动开发中的应用,包括单页面开发、前端UI框架选择、动画及特效使用准则,以及不同布局方式如流式布局、绝对定位布局、Flexbox布局和CSS Grid Layout的应用场景。同时,文章提供了手机点击事件的实现方法。

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

转载于:https://www.cnblogs.com/foreverlin/p/10017913.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值