1.移动端事件大纲

基础事件

1.touchstart
2.touchend
3.touchmove

Event对象

1.取消默认事件
2.阻止冒泡
3.防止文字选中和阻止默认菜单
4.鼠标事件延迟
5.事件点透问题

touchEvent

1.touches
2.changedTouches
3.targetTouches

滑屏处理

1.拖拽原理分析
2.滑屏幻灯片简版

transform2D变换

1.rotate() ,scale() ,skew() ,translate()
2.left和top引起的回流问题及优化
3.处理transform中不能通过计算样式获取的问题

transition动画

1.transition基本知识点
2.贝塞尔曲线运动
3.transition end事件
4.transition不执行的bug

实例:移动版音乐台首页制作

1.rem布局适配
2.横竖屏切换适配
3.fixed的定位的bug及替代方案
4.滑屏导航缓冲回弹动画的实现
5.完整版无缝滚动的滑屏幻灯片
6.滑屏选项卡

transform3D

1.滑动旋转的方块
2.3D多边体的制作
3.正n边形的外角计算与正n边形的中心点计算

3D 桌面切换

1.百分比配合怪异盒模型布局适配
2.animation的loading动画
3.立体三棱柱制作
4.页面绝对坐标的获取
5.IOS 下3D 变换的兼容问题及解决方案

自定义滚动条

1.滚动条比例计算
2.图片随滚动条的按需加载
3.渲染优化-canvas(GPUuxanran加速)
4.transition 安卓卡顿 bug –3D硬件加速

多指事件

1.双指操作图片缩放和旋转
2.安卓多指事件的兼容解决
3.勾股定理与Math.atan(与X轴的绝对夹角)
4.transform执行时的残影问题解决

完整的移动端相册