呆淋
前端开发
获得徽章 1
- 2月10日，打卡day11
今日学习:通过 CSS 的思路实现了类似“节流”的功能，相比 JS 实现而言，实现更精简、使用更简单，没有框架限制，实现要点：
1.函数节流是一个非常常见的优化方式，可以有效避免函数过于频繁的执行
2.CSS 的实现思路和 JS 不同，重点在于在于找到和该场景相关联的属性
3.CSS 实现“节流”其实就是控制一个动画的精准控制，假设有一个动画控制按钮从禁用->可点击的变化，每次点击时让这个动画重新执行一遍，在执行的过程中，一直处于禁用状态，这样就达到了“节流”的效果
还可以通过 transition 的回调函数动态设置按钮禁用态. #青训营笔记创作活动#
1.css动画的精准控制
button{
animation: throttle 2s step-end forwards;
}
button:active{
animation: none;
}
@keyframes throttle {
from {
pointer-events: none;
}
to {
pointer-events: all;
}
}
2.借助css来监听事件
// 过渡开始
document.addEventListener('transitionstart', function(ev){
ev.target.disabled = true
})
// 过渡结束
document.addEventListener('transitionend', function(ev){
ev.target.disabled = false
})
button{
opacity: .99;
transition: opacity 2s;
}
button:not(:disabled):active{
opacity: 1;
transition: 0s;
}展开评论点赞 - 2月9日，打卡day10
今日学习:惊艳一时的css属性，嗯惊艳到我了
1.position:sticky(吸顶)
2.:empty选择器(选中内容为空的容器，为空容器添加提示)
3.gap(适用于Grid布局，Flex布局以及多列布局，元素隔开距离)
4.background-clip:text(带背景的文字效果)
5.user-select(光标选中)
6.:invalid伪类(实现校验提示效果)
7.:focus-within伪类(一个元素获得焦点，或该元素的后代元素获得焦点，就会匹配上)
8.mix-blend-mode:difference(元素的内容应该与元素的直系父元素的内容和元素的背景如何混合，difference表示差值)
很实用 #青训营笔记创作活动#展开评论点赞 - 2月5日，打卡day9
今日学习:前端开发过程中，对图片的压缩，今日学习TinyPNG工具的使用步骤及其原理，TinyPNG使用智能的「有损压缩技术」来减少WEBP、JPEG和PNG文件的文件大小。通过选择性地减少图像中的「颜色数量」，使用更少的字节来存储数据。在独自完成的开发项目中可以使用这种方式来进行图片的压缩![[赞]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_108.a6defc6.png)
#青训营笔记创作活动# 展开评论点赞 - 1月31日，打卡day8
今日学习新知识Esbuild (知识盲区)，Esbuild是由 Figma 的 CTO 「Evan Wallace」基于 Golang 开发的一款打包工具，相比传统的打包工具，主打性能优势，在构建速度上可以快 10~100 倍。了解到 #青训营笔记创作活动# 了Esbuild的功能以及优势，优势包括:采用的是go语言开发( 多线程共享内存的优势 )，多核并行，从零造轮子，高效利用内存，并且学习到了Esbuild其他知识点。不太能完全理解，慢慢吸收展开评论点赞 - 1月30日，打卡day7
#青训营笔记创作活动# 今日学习，学习如何使用WebRTC的一些API，学习如何分享屏幕，录制屏幕，学习如何通过WebRTC实现拍照等知识，只是学习，距学会还有很长一段距离，再接再厉评论点赞 - #青训营笔记创作活动#
1月19日，打卡day6
今日学习，学会抓包是软件开发人员必须掌握的调试技能，通过文章，学习到了抓包的原理，了解到了抓包工具 whistle 的使用，认识到whistle 抓包工具的强大评论点赞 - #青训营笔记创作活动#
1月17日 打卡day5
今日学习，get到了11个工具方法，秒啊，非常实用，以后可以用在自己写的前端页面里了！评论点赞 - #青训营笔记创作活动#
1月16日 打卡day4
今日学习：我就是那其中的70%，真的不了解promise/async await这些知识点，通过这次学习，也是似懂非懂，自己理解能力有限了，收藏了以后会反复看的
如果现在真的看不到未来是怎样，你就不如一直往前走，不知道什么时候天亮，去奔跑就好，跑着跑着天就亮了展开评论点赞 - #青训营笔记创作活动#
1月15日，day3
今日份学习:身为前端的初级开发工程师，根本就没听过这些东西，心塞还要加油！
评论点赞
![[赞]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_108.a6defc6.png)