获得徽章 2
- #青训营笔记创作活动#
1月18日 打卡day4
今日学习: 适配方案是每个前端工程师必学的,越精越好,网页需要兼容不同设备。该文章给出了三个方案,第一个方案主要是vw与vh,第二个是通过css的scale属性,第三个是结合rem+vw vh,对各种情况都做了处理,学到了,马克马克。展开评论1 - #青训营笔记创作活动#
1月17日 打卡day3
今日学习: 在日常学习与工作中,好的网站能够大大地加大学习与工作效率,前端老干部分享了对github和在线编辑的网站(省去陌生电脑需要安装编码器的困难),值得收藏的文章。
评论1 - #青训营笔记创作活动#
1月16日 打卡day2
恰好今天学习了JS的标准原则,其中第一条则是各司其职,应当避免不必要的由JS直接操作样式代替CSS,本文很好地用四个示例展示CSS避免JS展开评论1 - #青训营笔记创作活动#
1月15日 打卡day1
今日学习拖拽笔记:
up主在文章指出拖拽的主要实现分三步,鼠标点下,鼠标移动,以及鼠标放开,事件委托机制恰好能够实现,鼠标点下mousedown,鼠标移动mousemove,鼠标放开mouseup。而被拖拽的元素则是克隆一个新的元素,并且同时将原来的元素透明度设置为0.并且在结束后,设置回1即可。优化:为了防止被拖拽的元素加载的原图避免卡顿(拖拽时是加载原图,如果网络卡顿会一点一点显示不美观),我们将image进行加载,并且在加载完毕后把被拖拽的元素的src再改为原图,浏览器会自动优化这过程!!
展开评论1