妙味前端-事件交互实战教程

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