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)完整版的移动端相册
详情请查看博客地址:http://blog.csdn.net/BaiHuaXiu123显示全部
收起
最新更新 | 文章排行 | 滇ICP备2023006777号 | 网站地图