[js移动端交互]移动端交互大纲篇

#day01.基础事件
1)touchstart介绍及使用
2)touchmove介绍及使用
3)touchend介绍及使用
4)案例分析

#day02.event对象
1)取消默认事件
2)阻止冒泡
3)防止文字选中和阻止默认菜单
4)鼠标事件延迟
5)事件点透问题
6)案例分析
#day03.触摸事件(touchEvent)
1)touches介绍及使用
2)changedTouches介绍及使用
3)targetTouches介绍及使用
4)案例分析
#day04.滑屏处理
1)拖拽原理分析
2)滑屏幻灯片简版
3)案例分析及介绍
#day05.2D变换(transform2D)
1)rotate()、scale()、skew()、translate()
2)left和top引起的回流问题及优化
3)处理transform中不能通过计算后样式获取的问题
4)案例分析及介绍
#day06. 动画(transition)
1) transition基本知识点
2) 贝赛尔曲线运动
3) transitionend事件
4) transition 不执行的BUG
5)案例分析及介绍
#day07.实例：移动端版音悦台首页制作
1) rem布局适配
2) 横竖屏切换适配
3) fixed定位的BUG及替代方案
4) 滑屏导航缓冲回弹动画的实现
5) 完整版无缝滚动的滑屏幻灯片
6) 滑屏选项卡
7)案例分析及介绍
#day08.3D动画(transform3D)
1) 滑动旋转的方块
2) 3d多边体制作
3) 正n边形的外角计算与正n边形的中心点计算
4)案例分析及介绍
#day09. 3D桌面切换
1) 百分比配合怪异盒模型布局适配
2) animation的loading动画
3) 立体三棱柱制作
4) 页面绝对坐标获取
5) iOS下3D变换的兼容问题及解决方案
7)案例分析及介绍
#day10.自定义滚动条
1) 滚动条比例计算
2) 图片随滚动条的按需加载
3) 渲染优化-canvas(GPU渲染加速)
4) transition安卓卡顿BUG–3D硬件加速
5)案例分析及介绍
#day11.多指触控事件
1) 双指操作图片缩放和旋转
2) 安卓多指事件的兼容解决
3) 勾股定理与Math.atan2(与X轴的绝对夹角)
3) transform执行时的残影问题解决
4)案例分析及介绍

#day12 移动端手势js框架介绍
1)百度的Touch.js
2)zepto的touch.js
3) hammer.js
4) 项目:移动端音乐播放器

#day13.原生实例项目
1)完整版的移动端相册