#青训营笔记创作活动#
1月17日 打卡day1
今日学习:
JS实现图片拖拽抽象为几个过程:
1)实现元素抓取:克隆+拖拽状态+本体隐藏+元素自然回退
2)实现拖拽放大:变化系数+放大倍数
3)实现放置:元素拷贝+元素删除
4)边界判断:处理拖拽可能会中断的情况
5)优化体验:使用image加载原图,拖拽时图片优先读缓存,拖拽避免加载时间长而导致的卡顿空白问题。
1月17日 打卡day1
今日学习:
JS实现图片拖拽抽象为几个过程:
1)实现元素抓取:克隆+拖拽状态+本体隐藏+元素自然回退
2)实现拖拽放大:变化系数+放大倍数
3)实现放置:元素拷贝+元素删除
4)边界判断:处理拖拽可能会中断的情况
5)优化体验:使用image加载原图,拖拽时图片优先读缓存,拖拽避免加载时间长而导致的卡顿空白问题。
展开
评论
点赞