H5新特性

1.拖拽释放: 拖放是一种常见的特性,即抓取对象以后拖到另一个位置,在H5中拖放是标准的一部分,任何元素都能被拖放

2.自定义属性: data-id

3.音频,视频如果浏览器不支持播放怎么办? 在属性中添加autoplay(谷歌浏览器不支持音频自动播放,但是视频支持静音自动播放)

4.语义化更好的内容标签: (header,nav,footer,aside,article,section)

5.画布Canvas

5.1)getContext()方法返回一个用于在画布上绘图的环境

5.2)cxt.stroke()绘制线条

5.3)canvas和image在处理图片的时候有什么区别? image是通过对象的形式描述图片的,canvas通过专门的API将图片绘制在画布上

6.地理(Geolocation)API其实Geolocation就是用来获取到当前设备的经纬度

7.本地离线存储LocalStorage用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去删除

8.sessionStorage 改数据对象临时保存同一窗口(或标签页)的数据,在关闭窗口或者标签页之后会将这些数据删除

9.表单控件 :calender,data,time,email,url,search,tel,file,number

10.新的技术 :webworker,websocket,Geolocation

CSS3新特性

1.颜色: 新增RGBA,HSLA模式

2.文字阴影: text-shadow

3.边框 圆角(boder-radius) 边框阴影(box-shadow)

4.盒子模型: box-sizing

5.背景: background-size,background-origin,background-clip

6.渐变: linear-gradient,radial-gradient

7.过渡: transition可实现属性的渐变

8.自定义动画: animate @keyfrom

9.媒体查询 多栏布局 @media screen and (width:800px){...}

10.border-image 图片边框

11.2D转换/3D转换: transform:translate(x,y) rotate(x,y) skew(x,y) scale(x,y)

12.字体图标: iconfont/icomoon

13.弹性布局 flex