github.com
获得徽章 22
- 1014
- 薅羊毛小知识：
1.最近人气创作榜单，投完票还能抽奖 最多每天三次抽奖，保底888矿石，三次就是2664，这个薅矿石的机会 你能不把握嘛![[黑脸]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_99.3264111.png)
(给我票只是顺手而为)
2.沸点小助手 的沸点年终活动 每天三次抽奖 小概率有奖83 - #青训营笔记创作活动#
12月14日 打卡day1
今日学习丝滑拖拽图片，使用mousedown克隆一个绝对定位的元素，并标识拖拽中的状态；mouseover判断执行的方法；mouseup确定目标区域的位置。同时学到了性能优化，使用csstext实现降低回流重绘的成本。展开评论1 - #青训营笔记创作活动#
2022-12-14 day1
♛css样式能够以less结尾，以前从未了解过，同时，该怎么把这个文件导入HTML文件中，是我遇到的一个问题
♛对定位有了更深入的理解，文章中关于定位的图展示给人很大的帮助，对整体的框架有了更深入的了解
♛复习了css样式
♛对JavaScript的深入理解，监听事件，语法的深入等展开评论2 - #青训营笔记创作活动#
12月9日 打卡day01
今日学习：
今天是一个用js实现托拽的模型，但由于js不熟练，只完成了一个图片跟随鼠标的效果。
学习记录（中途遇到的一些问题）：
详情见仓库：1. DOM事件流及事件委托机制
2.一些css知识
3. js获取事件的相关距离
4. Node和Element的区别
5. js设置样式
github.com 展开评论2 - #青训营笔记创作活动#
12月12日 day1
今天学习了拖拽的优化，虽然自己不是太懂，但是感觉自己又进步了一点点呢！评论1 - #青训营笔记创作活动#
2022年12月12日 打卡day1
今日学习--原生拖拽太拉跨了，纯JS自己手写一个拖拽效果，纵享丝滑
主要通过原生js操作dom，实现拖拽效果
关键技术：mousedow，mousemove，mouseup；
在拖拽过程中通过江鼠标坐标设为克隆元素的绝对定位值在减去offset偏移量实现拖拽效果；
通过getBoundingClientRect方法获取画布本身相对视图的偏移，判断目标是否在画布区域，在则拷贝，不在则退回原位展开评论3
![[黑脸]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_99.3264111.png)
(给我票只是顺手而为)