查看: 359|回复: 0
打印 上一主题 下一主题

妙味,事件交互,实战,web前端,妙味前端-事件交互实战教程-2016,IT资源网

[复制链接]

9万

主题

9万

帖子

28万

积分

管理员

管理员

Rank: 9Rank: 9Rank: 9

积分
288747
跳转到指定楼层
楼主
发表于 2022-5-28 16:45:35 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
下载地址:
加入VIP超值  
游客,如果您要查看本帖隐藏内容请回复

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




下载地址:
加入VIP超值  
游客,如果您要查看本帖隐藏内容请回复
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|IT视频教程资源网 网站地图

GMT+8, 2024-12-25 15:53 , Processed in 2.942969 second(s), 22 queries .

快速回复 返回顶部 返回列表

客服
热线

微信 webshop6
7*24小时微信 客服服务

扫码添
加微信

添加客服微信 webshop6 获取更多

关注
公众号

关注微信公众号 webjianzhan