Naitiam_
学生
获得徽章 0
- #青训营笔记创作活动#
2月19日 打卡day14
今日学习，学到了新的浏览器调试技巧，有打印输出、普通断点、条件断点、DOM断点、VS code 断点等调式方式。评论点赞 - #青训营笔记创作活动#
2月14日 打卡day13
今日学习，相比npm，pnpm 做的更加彻底，独创的一套依赖管理方式不仅解决了依赖提升的安全问题，还大大优化了时间和空间上的性能。评论点赞 - #青训营笔记创作活动#
2月13日 打卡day12
今日学习，相比定时器而言，CSS 在控制定时器的开启和暂停上更有优势
`:hover`配合`transition`延时、`transitionend`监听可以实现鼠标经过延时触发效果
`:active`配合`transition`延时、`transitionend`监听可以实现长按触发效果
CSS 动画设置`infinite`后配合`animationiteration`监听可以实现周期性触发效果
可以直接通过`:hover`来控制台动画的暂停和播放展开评论点赞 - #青训营笔记创作活动#
2月12日 打卡day11
今日学习，函数节流（throttle）是 JS 中一个非常常见的优化手段，可以有效的避免函数过于频繁的执行。css实现节流 pointer-events，animation以及:active。展开评论点赞 - #青训营笔记创作活动#
2月11日 打卡day10
今日学习，
屏幕适配，有两种方案
基于rem 适用于不固定宽高比的Web应用，适用于绝大部分业务场景
基于scale 适用于固定宽高比的Web应用，如大屏或者固定窗口业务应用展开评论点赞 - #青训营笔记创作活动#
2月10日 打卡day09
今日学习，
标题滚动吸顶position: sticky，
当前接口没有获取到数据css的:empyt选择器，
元素等分gap属性适用于 Grid 布局、Flex 布局以及多列布局，
带背景文字，这更像是文字遮罩图片background-clip: text
user-select 属性可以 禁用光标选中展开评论点赞 - #青训营笔记创作活动#
2月9日 打卡day08
今日学习，封装一个工具，对项目内的图片自动压缩，彻底释放双手。使用TinyPng工具在发布前对图片进行压缩。
查找：找出所有的图片资源；
分配：均分任务到每个进程；
上传：把原图上传到TinyPng；
下载：从TinyPng中下载压缩好的图片；
写入：用下载的图片覆盖本地图片；展开评论点赞 - #青训营笔记创作活动#
2月8日 打卡day07
今日学习，WebRTC (Web Real-Time Communications) 是一项实时通讯技术，WebRTC 包含的这些标准使用户在无需安装任何插件或者第三方的软件的情况下，创建点对点（Peer-to-Peer）的数据分享和电话会议成为可能。展开评论点赞 - #青训营笔记创作活动#
2月6日 打卡day05
今日学习，最近刚好学习了防抖与节流，总过这篇文章了解到了不少JS小技巧。 对于回到顶部方法，scrollTo有behavior: "smooth"的属性，用setInterval也不能够达到流畅顺滑的情况。展开评论点赞