获得徽章 6
- #青训营笔记创作活动#
2月1日 打卡day44
进入学习 Git 分为 4 个工作区：
工作区：指在本地仓库中的全部代码区域；
暂存区：指在本地仓库中通过 git add 后的代码区域；
本地仓库：指在本地仓库中的 git commit 后的代码区域；
远程仓库：远程仓库指的托管代码的服务器。
以及20个常用的git指令用法展开评论点赞 - #青训营笔记创作活动#
1月31日 打卡day43
今日学习，四个场景用css就能实现，摆脱js
1.颜色选择器，给inpit设置<input type="color" value="#FF99FF" />
2.打字效果
3.滑顶/触底效果，a标签设置href="#top"或#bottom
4.顺滑切图，scroll-snap-type: x mandatory;展开评论点赞 - 1月30日 打卡day42
今日学习 几何画板的基本开发思路
1.元素创建
2.编辑
3.拖拽
4.图层管理
5.撤销和重做
6.导入导出
利用几何和代数学知识解决前端问题展开评论点赞 - #青训营笔记创作活动#
1月29日 打卡day41
思路分析：
1.block块设计
2.覆盖逻辑
3.生成N组件
4.点击block块
5.移动到收集盒
6.重新渲染
7.消除相同的一组block
8.收集盒与block盒为空时，游戏胜利展开评论点赞 - #青训营笔记创作活动#
1月28日 打卡day40
利用pixi.js 来完成一个水波交互动画，里面包括了水体扭曲和点击水波扩散的效果，主要利用了 pixi.js 库以及关于它的 filters 滤镜的使用。
1.基础搭建2.水体扭曲3.水波动画展开评论点赞 - #青训营笔记创作活动#
1月27日 打卡day39
滚动文字特效实现方法：
1. background-clip设置元素的背景（背景图片或颜色）是否延伸到边框、内边距盒子、内容盒子下面。
2. background-clip: text 可以实现背景被裁剪成文字的前景色。使用了这个属性的意思是，以区块内的文字作为裁剪区域向外裁剪，文字的背景即为区块的背景，文字之外的区域都将被裁剪掉。
3. 文字设为透明color：transparent展开评论点赞 - #青训营笔记创作活动#
1月26日 打卡day38
今日学习 React Hooks 作为 React 库的重要补充，它使函数组件能够以新的方式编写、重用和共享 React 代码。。
随着 Hooks 开始改变开发人员编写 React 组件的方式，需要编写一套 React Hooks 的最佳实践，以便团队内成员更轻松地开发和协作。展开评论点赞 - #青训营笔记创作活动#
1月25日 打卡day37
今日学习 JS实现图片预览功能
实现原理：实现图片预览/查看的关键点在于 CSS3 中的 transform 变换，该属性应用于元素在2D或3D上的旋转，缩放，移动，倾斜等等变换，通过设置translate(x,y) 即可偏移元素位置，设置scale即可缩放元素，也可以只设置 matrix 来完成上述所有操作，这又涉及到矩阵变换的知识。展开评论点赞 - #青训营笔记创作活动#
1月24日 打卡day36
在vue中，不要使用index作为key，因为会降低diff算法的性能，使用index作为key时，在删除数据时，因为vue不会深入地区对比子组件的文本内容，所以会错误移除VDOM中的节点（index的值是不固定的）展开评论点赞 - #青训营笔记创作活动#
1月23日 打卡day35
不实用第三方库实现引导页功能，引导页核心：一是高光部分，二是引导部分。
引导部分 跟着 高亮部分 移动，并且添加一些简单的动画或过渡效果即可，也分为 蒙层引导 和 无蒙层引导，下面两种方法为蒙层引导。
方法一：cloneNode + position + transition
方法二：z-index + position + transition展开评论点赞