![[666]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_128.e55728c.png)
获得徽章 10
- #青训营笔记创作活动#
1月20日 day44打卡
通过今天的学习，学习了《20个常用的 Git 指令用法》，收获很多，感谢博主分享
两种最广泛被使用的版本管理工具就是 Git 和 svn，而 Git 优越的版本管理能力，及广被使用的 github、gitlab 开源平台，Git 成为了程序员必须掌握了一个工具。
大家都很熟练的使用着 vscode 等一些可视化工具来操作 Git，对 Git 的很多指令都不甚了解。
殊不知，可视化工具的底层就是 Git 的各个指令，当我们熟悉了 Git 指令的各种写法，将更理解在可视化工具中用到的功能的底层指令。展开评论点赞 - #青训营笔记创作活动#
1月19日 day43打卡
通过今天的学习，学习了《涨姿势了，这 4 个场景可用 CSS 完全取代 JS ~》，收获很多，感谢博主分享
之前听一位后端同学说，因为觉得 CSS 样式太麻烦，看似与编程无关，于是放弃了做前端，转而做后端。。。。
其实，可能看起来麻烦，用起来还是有点意思~~相当于多个手段，可作武器。展开评论点赞 - #青训营笔记创作活动#
1月18日 day42打卡
通过今天的学习，学习了《(10月最新)前端图形学实战: 从零开发几何画板(vue3 + vite版)》，收获很多，感谢博主的分享~
本文是 100+前端几何学应用案例 专栏的第二篇文章, 在第一篇文章几何学在前端边界计算中的应用和原理分析 中我介绍了几何学在前端领域里的应用, 同时用 vue3 带大家一起实现了常见图形的边界计算算法, 并且分享了如何用几何原理和Web Dom生成任意三角形的方式展开评论点赞 - #青训营笔记创作活动#
1月17日 day41打卡
通过今天的学习，学习了《《羊了个羊》第二关我过不去，那我自己写个《狗了个狗》玩可以把？》，收获很多，感谢博主的分享~
今年一款叫《羊了个羊》的微信小游戏爆火朋友圈，成为了很多打工人上班摸鱼的一把好手，我当然也不例外哈哈哈，于是我忍不住好奇心的折磨，也点开试玩了一盘，没想到就此落入了深渊，第一关结束后，我寻思，这游戏TM这么简单不是有手就行？于是紧接着第二关就措不及防的给了我几个耳光（爆粗口是吧、觉得简单是吧），在玩了几盘之后，我怒火中夹杂着不服，于是我决定，既然你不让我过，那我自己使用原生js复刻一个《狗了个狗》自己玩可以把？展开评论点赞 - #青训营笔记创作活动#
1月16日 day40打卡
通过今天的学习，学习了《有趣又逼真的水波交互动画》，收获很多，感谢博主的分享~
介绍：
本期将用 pixi.js 来完成一个水波交互动画，里面包括了水体扭曲和点击水波扩散的效果，主要利用了 pixi.js 库以及关于它的 filters 滤镜的使用。展开评论点赞 - #青训营笔记创作活动#
1月15日 day39打卡
通过今天的学习，学习了《超强的苹果官网滚动文字特效实现 》，收获很多，感谢博主的分享~
使用 background-clip 实现
第一种方式是借助 background-clip。
background-clip：background-clip 设置元素的背景（背景图片或颜色）是否延伸到边框、内边距盒子、内容盒子下面。
而 background-clip: text 可以实现背景被裁剪成文字的前景色。使用了这个属性的意思是，以区块内的文字作为裁剪区域向外裁剪，文字的背景即为区块的背景，文字之外的区域都将被裁剪掉。展开评论点赞 - #青训营笔记创作活动#
1月14日 day38打卡
通过今天的学习，学习了《React Hooks 最佳实践 》，收获很多，感谢博主的分享~
在 React 16.8 以前，像状态和生命周期函数这样的 React 特性只适用于类组件，函数组件由于无法访问状态和生命周期函数，只能用来作为 UI 组件。React Hooks 的出现使函数组件能够以新的方式编写、重用和共享 React 代码。
在我们的多个项目中也开始使用了 React Hooks。然而，在实际开发过程中，我发现 React Hooks 除了带来简洁的代码外，也存在对其使用不当的情况。
在这篇文章中，我对 React Hooks 的使用进行了总结，分享出我认为的最佳实践，供大家参考。展开评论点赞 - #青训营笔记创作活动#
1月13日 day37打卡
通过今天的学习，学习了《原生JS手写一个优雅的图片预览功能，带你吃透背后原理》，收获很多，感谢博主的分享~
本文将用一个极简的例子详细讲解如何用原生JS一步步实现完整的图片预览和查看功能，无任何第三方依赖，兼容PC与H5，介绍了如何仅通过指针事件进行多端统一的事件监听，如何实现触屏双指缩放等，干货满满。展开评论点赞 - #青训营笔记创作活动#
1月12日 day36打卡
通过今天的学习，学习了《在vue中，为什么不能用index作为key？》，收获很多，感谢博主的分享
我们必须知道，vue中key运用的地方------配合v-for使用。key是vue中虚拟dom标记的唯一标识，通过这个key，diff算法能更加准确和快捷。不使用key的情况下，因为vue的就地更新会选择复用节点，之前的状态被保存，可能会产生一系列的bug。另外，key的唯一性可以被map数据结构充分利用，时间复杂度仅为o（1）。
简单来说，key是唯一标识，为了让diff算法更准确的找到需要被对比的两个节点。展开评论点赞
