获得徽章 1
- #青训营笔记创作活动#
1月20日 打卡day45
今日学习规范typescript注释,生成api文档。主要是使用TSDoc来规范注释,这些注释能生成智能提示。TSDoc的有点有:专门为typescript设计、支持markdown集成、通用核心(如@param和@returns)、可拓展、互操作性、多包支持等。非常有利于后期的代码维护和升级版本。展开赞过评论1 - #青训营笔记创作活动#
1月19日 打卡day44
今日学习一些常用的git指令用法。众所周知,Git 和 svn都是现代比较热门的版本管理工具,而 Git 优越的版本管理能力,及广被使用的 github、gitlab 开源平台,因此git有一个较为成熟的生态圈,这就使得git 成为了程序员必须掌握了一个工具。git共分为四大区:工作区、暂存区、本地仓库、远程仓库。也因为有这四个区,衍生出了git clone、init、remote、checkout、branch、add、commit、push等指令,这些指令只需做几个项目即可熟练掌握。展开赞过评论1 - #青训营笔记创作活动#
1月18日 打卡day43
今日学习部分场景下的css取代js。首先是颜色选择器功能,现在input标签已经自带此功能,只需设置type属性即可,还有就是纯css实现打字效果、滑顶、触底效果以及顺滑切图。这些都是我们日常开发中经常碰到的需求,因此多一种解决方案是好事,能够开拓思路。展开赞过评论1 - #青训营笔记创作活动#
1月17日 打卡day42
今日学习用vue3+vite来实现前端图形学——几何画板。主要的实现思路就是以下几个:元素创建,编辑,拖拽,图层管理,撤销和重做,导入导出,此外还能利用几何和代数学知识解决前端问题。主要就是定义图形的属性结构,在用户选择图形时,给予特定的数据,并获取用户的鼠标位置,实现图形的展示。图层管理功能则需要将现有画板上的数据存储到一个数组,要取用时只需遍历即可。展开赞过评论1 - #青训营笔记创作活动#
1月16日 打卡day41
今日学习羊了个羊的翻版,狗了个狗。我之前确实碰过羊了个羊,也玩的有点上头,不过后来不知道什么原因就再也没碰到过了,今天学习的狗了个狗真的是让我打开眼界,原来前端也能实现这些网上爆火的游戏。主要实现思路和之前的羊了个羊差不多,不过比羊了个羊复杂一点,排列方式和卡片堆叠的种类更多了。展开赞过评论1 - #青训营笔记创作活动#
1月15日 打卡day40
今日学习水波交互动画。最终效果是用户点击后屏幕后会出现如水波般的博波纹向外扩散,非常有趣且逼真。主要是用pisi.js库来完成它,包括水体扭曲和点击水波扩散的效果,利用了pixi.js库及关于它的filters滤镜 。虽然最后的结果是延迟有点久,但终归是实现了,并且让我看到了全新的前端领域,我从来没想过前端也能实现这么逼真有趣是的效果。展开赞过评论1 - #青训营笔记创作活动#
1月14日 打卡day39
今日学习苹果官网滚动文字特效。随着页面的向下滚动,整个文字从无到有,再经历一轮渐变色的变化,最后再逐渐消失,我学习的是用两种使用css来实现该效果,分别是background-clip和mix-blend-mode。第二种是一种混合模式,主要是背景在移动,文字镂空,文字颜色即是背景色。展开赞过评论1 - #青训营笔记创作活动#
1月13日 打卡day38
今日学习react hooks实践。在以前,像状态和生命周期函数这样的react特性只适用于类组件,函数组件由于无法访问状态和生命周期函数,只能用来作为UI组件。react hooks的出现则使得函数组件能够以新的方式编写,重用和共享react代码,所以学它是非常有必要的。展开赞过评论1 - #青训营笔记创作活动#
1月12日 打卡day37
今日学习用原生js写一个图片预览功能,理解其背后的原理。实现图片预览的关键在于css3中的transform变换,该属性应用于元素的旋转,缩放,移动,倾斜等。PC端上的点击,移动,h5的手势操作都离不开DOM的事件监听,例如mouseover,touchmove等,此外还涉及到offset,client和一些数学的向量运算。展开赞过评论1 - #青训营笔记创作活动#
1月11日 打卡day36
今日学习vue的一点小知识,即不能用index作为key。我们开发中经常用v-for来渲染页面,如果不加key,虽然也不会报错,但可能会有一些bug,这关乎到vue的diff算法。另外,key是唯一标识,它的唯一性可以被map数据结构充分利用,时间复杂度仅为O(1)。因此给key赋值是非常有必要的,能避免不必要的重复渲染和减少一些bug,还能快速比对元素差异,因而由于key的唯一性,index就不适合作为key值了。展开赞过评论1