高级动画
animation 定义一个动画 @keyframes name{from() to()}
调用一个动画 animation:name duration 。。。
名字:animation-name:XXX;
运动时长:animation-duration:1s
运动类型:animation-timing-function:ease;
迭代:animation-iteration-count:infinite;
方向:animation-direction:alternate;
播放状态:animation-play-state:paused|running;
延迟:animation-delay;
停:animation-fill-mode:backwards;
贝塞尔曲线
cubic-bezier(x1,y1,x2,y2)
HTML5
文件拖拽
ondragover 托在上面
ondragenter 拖出去
ondragleave 拖出去
ondrag 鼠标释放
如果让ondrag触发,必须阻止ondragover的默认行为
获取文件信息
dataTransfer
文件信息
MIME-TYPE 主类型-子类型
文件内容
借助于文件读取对象 var reader = new FileReader()
reader。readerAsText(oFile)通过文本读取
reader.readAsDataURL(oFile) 通过Base64读取
进度更改触发
onprogress loaded 已加载 total 总数
视频
video标签里的属性 controls 控制台,autoplay 自动播放 ,loop 环路播放
video标签里的方法 play()播放 pause()暂停 属性:currentTime 当前播放的时间