Naitiam_
学生
获得徽章 0
赞了这篇文章
#青训营笔记创作活动#
2月19日 打卡day14
今日学习，学到了新的浏览器调试技巧，有打印输出、普通断点、条件断点、DOM断点、VS code 断点等调式方式。
2月19日 打卡day14
今日学习，学到了新的浏览器调试技巧，有打印输出、普通断点、条件断点、DOM断点、VS code 断点等调式方式。
评论
点赞
赞了这篇文章
#青训营笔记创作活动#
2月14日 打卡day13
今日学习，相比npm，pnpm 做的更加彻底，独创的一套依赖管理方式不仅解决了依赖提升的安全问题，还大大优化了时间和空间上的性能。
2月14日 打卡day13
今日学习，相比npm，pnpm 做的更加彻底，独创的一套依赖管理方式不仅解决了依赖提升的安全问题，还大大优化了时间和空间上的性能。
评论
点赞
#青训营笔记创作活动#
2月13日 打卡day12
今日学习，相比定时器而言，CSS 在控制定时器的开启和暂停上更有优势
`:hover`配合`transition`延时、`transitionend`监听可以实现鼠标经过延时触发效果
`:active`配合`transition`延时、`transitionend`监听可以实现长按触发效果
CSS 动画设置`infinite`后配合`animationiteration`监听可以实现周期性触发效果
可以直接通过`:hover`来控制台动画的暂停和播放
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月12日 打卡day11
今日学习，函数节流（throttle）是 JS 中一个非常常见的优化手段，可以有效的避免函数过于频繁的执行。css实现节流 pointer-events，animation以及:active。
展开
评论
点赞
赞了这篇文章
#青训营笔记创作活动#
2月11日 打卡day10
今日学习，
屏幕适配，有两种方案
基于rem 适用于不固定宽高比的Web应用，适用于绝大部分业务场景
基于scale 适用于固定宽高比的Web应用，如大屏或者固定窗口业务应用
2月11日 打卡day10
今日学习，
屏幕适配，有两种方案
基于rem 适用于不固定宽高比的Web应用，适用于绝大部分业务场景
基于scale 适用于固定宽高比的Web应用，如大屏或者固定窗口业务应用
展开
评论
点赞
#青训营笔记创作活动#
2月10日 打卡day09
今日学习，
标题滚动吸顶position: sticky，
当前接口没有获取到数据css的:empyt选择器，
元素等分gap属性适用于 Grid 布局、Flex 布局以及多列布局，
带背景文字，这更像是文字遮罩图片background-clip: text
user-select 属性可以 禁用光标选中
2月10日 打卡day09
今日学习，
标题滚动吸顶position: sticky，
当前接口没有获取到数据css的:empyt选择器，
元素等分gap属性适用于 Grid 布局、Flex 布局以及多列布局，
带背景文字，这更像是文字遮罩图片background-clip: text
user-select 属性可以 禁用光标选中
展开
评论
点赞