记得带伞_
获得徽章 2
- #青训营笔记创作活动#
1月30日 Day18 打卡
今日学习
CSS比较函数，主要有三个函数，分别为Clamp()、Max()和Min()函数，通过这三个函数我们可以修改流体的尺寸和对流体进行定位，还可以实现Loading和动态分割器等等展开评论点赞 - #青训营笔记创作活动#
1月28日 Day17 打卡
该篇文章介绍了如何借助CSS来监听事件，分别为使用hover伪类实现延时触发，CSS实现长按触发事件，CSS轮播和暂停等等，值得学习评论点赞 - #青训营笔记创作活动#
1月26日 Day15 打卡
该篇文章介绍了如何调试Ant Designed源码，很值得学习，已收藏评论点赞 - #青训营笔记创作活动#
1月25日 Day14
该篇文章介绍了如何使用fabric.js实现一个图片编辑器。
是个很不错的项目评论点赞 - #青训营笔记创作活动#
1月24日 Day13 打卡 使用css实现节流
实现这样一个功能需要用到pointer-events、animation以及:active，学到了，是一个很新颖的思路，已收藏评论点赞 - #青训营笔记创作活动#
1月23日 打卡 Day12 设计一个不能操作DOM和调试的环境
该篇文章主要介绍了如何实现一个不能操作DOM和调试的环境，其中使用的方法就是使用沙箱(Sandbox)来实现评论点赞 - #青训营笔记创作活动#
1月22日 打卡 Day11 Vite项目屏幕适配的两种方案
该篇文章主要介绍了Vite项目屏幕适配方案，主要有两种，分别是基于rem的适配方案与基于scale的适配方案，个人感觉rem的方案用的更多些吧![[疑问]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_31.606e7a5.png)
评论点赞 - #青训营笔记创作活动#
1月21日打卡 Day10 趣学CSS
本篇文章介绍许多很有趣的CSS而且每个都很有用：
position:sticky：可以用于比如表格的标题栏、网站的导航栏、手机通讯录的人名首字母标题等等功能
:empty选择器：选中内容为空的容器，然后通过伪元素为空容器添加提示。
gap：它可以在 Grid 布局、Flex 布局以及多列布局中让每个元素隔开指定距离
background-clip:text：简单来说就是可以做一个带背景的文字效果
user-select：可以禁用光标选中 ，让网页看着和移动端一样
:invalid伪类：表示任意内容未通过验证的 input 或其他 form 元素
:focus-within ：表示一个元素获得焦点，或该元素的后代元素获得焦点，就会匹配上
mix-blend-mode:difference：描述了元素的内容应该与元素的直系父元素的内容和元素的背景如何混合。其中，difference 表示差值。
展开评论点赞 - #青训营笔记创作活动#
1月20日 打卡 Day9 图片压缩
该文章主要介绍图片压缩工具TinyPng
其实现过程主要有
查找、分配、上传、下载、写入五个方面评论点赞
![[疑问]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_31.606e7a5.png)