neverGiveUp
前端小菜鸡，正在努力中……
获得徽章 0
- #青训营笔记创作活动#
12月25日 打卡day6
今天学习的是抓包的知识，感觉有点没看懂，这也正常，还需要去大量阅读找知识评论点赞 - #青训营笔记创作活动#
12月24日 打卡day5
JavaScript的11的工具代码
1、计算距离下次生日还有多少天
2、回到顶部
3、复制文本
4、防抖/节流
5、过滤特殊字符
6、常用正则判断
7、初始化数组
8、将RGB转换为十六进制
9、检查是否是一个函数
10、检查是否为一个安全数组
11、检测对象是否为一个安全对象展开评论点赞 - #青训营笔记创作活动#
12月23日 打卡day4
promise和async await这也是面试必问的题，这篇作者还是写的蛮详细的评论点赞 - #青训营笔记创作活动#
12月22日 打卡day3
第一次了解还有个Monorepo，看来有好多知识等着我去学，其实感觉一个事物的出现都是解决前一个事物的毛病，不断改进中评论点赞 - #青训营笔记创作活动#
12月21日 打卡day2
好的工具会让你事半功倍，感谢作者的推荐，我收藏了几个。我也有些好用的工具，可以在这里跟大家一起分享：
1、正则表达式测试工具
tool.lu
2、免费的PPT模板www.2ppt.com
3、喜欢动漫的可以看这个网址的壁纸wallhaven.cc
4、图标素材www.iconfont.cn 展开评论点赞 - #青训营笔记创作活动#
12月20日 打卡day1
这作者也太牛了吧，点赞![[赞]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_108.a6defc6.png)
，如果要我自己写我都写不出，这里把这篇文章的实现思路简单浓缩了下：
元素拖拽：
1、Html的拖拽放置（Drag和Drop）
2、元素JS实现拖拽效果
思路：
1、鼠标按下时记录初始坐标，并克隆元素，将克隆元素设置为绝对定位，让元素浮动起来
2、让元素随着鼠标移动起来
3、鼠标每移动就判断是否在目标区域中，如果在目标区域，把元素拷贝到画布中，如果不在画布中，执行倒退动画，并删除克隆元素
效果优化：
（1）利用滤镜 filter: brightness(90%); 调节明亮度可以快速实现一个鼠标覆盖的动态效果，无需额外制作遮罩；
（2）使用伪类激活 cursor 的 grab 和 grabbing 可以设置抓取动作的图标:
（3）为了不让’克隆‘的效果太明显，可以只需在按下拖动时给本体元素设置个 opacity: 0，结束时再改回透明度1就能搞定；
……展开评论点赞
tool.lu![[赞]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_108.a6defc6.png)
，如果要我自己写我都写不出，这里把这篇文章的实现思路简单浓缩了下：