星倦756
获得徽章 1
- #青训营笔记创作活动# 1月30日 打卡day16
今日学习（clamp() 函数的作用是把一个值限制在一个上限和下限之间，当这个值超过最小值和最大值的范围时，在最小值和最大值之间选择一个值使用。使用CSS max()函数，根据视口宽度，将卡片的border-radius 从 0px 切换到 8px。min() 函数在 8px 和 calc((100vw - 4px - 100%) * 9999 的计算值之间进行比较,这会得到一个非常大的正数或负数。）
展开评论点赞 - #青训营笔记创作活动# 1月29日 打卡day15
今日学习（平时工作中很多场合都要用到定时器，1、:hover配合transition延时、transitionend监听可以实现鼠标经过延时触发效果 2、:active配合transition延时、transitionend监听可以实现长按触发效果 3、CSS 动画设置infinite后配合animationiteration监听可以实现周期性触发效果 4、可以直接通过:hover来控制台动画的暂停和播放。）展开评论点赞 - #青训营笔记创作活动#
1月28日 打卡day14
今日学习（前端实现活体人脸检测，在网页中使用活体人脸检测大部分都是前端录制一段视频，让后端调用第三方接口去判断。人脸特征提取就是针对人脸的某些特征进行判断。）评论点赞 - #青训营笔记创作活动# 1月27日 打卡day13
今日学习（antd 是 react 主流组件库，我们经常使用它但可能并没有调试过它的源码。我们可以在 renderWithHooks 里调用函数组件的地方打个条件断点，在调用想调试的组件时断住，这样我们就可以 step into 到该组件定义的地方。）展开评论点赞 - #青训营笔记创作活动# 1月26日 打卡day12
今日学习（使用fabric.js 快速开发一个图片编辑器，编辑器经常需要给元素进行分组/拆分组合、调整层级、回退、快捷键、画布放大/缩小、导入/导出文件等。fabric.js的功能很强大，可以很轻松的开发出一个简版的图片编辑器，自定义素材、模板、字体文件；还可以结合数据接口拼接模板生成图片，很轻松的实现定制模板 + 生成图片的功能）展开评论点赞 - #青训营笔记创作活动#
1月25日 打卡day11
今日学习（众所周知，函数节流（throttle）是 JS 中一个非常常见的优化手段，可以有效的避免函数过于频繁的执行。通过:active去触发transition变化，然后通过监听transition回调去动态设置按钮的禁用状态。）展开评论点赞 - #青训营笔记创作活动#
1月24日 打卡day10
今日学习（请设计一个不能操作DOM和调接口的环境，在页面中，可以通过 document 对象来获取 HTML 元素，进行增删改查的 DOM 操作如何禁止开发者操作 DOM，转化为如何阻止开发者获取 document 对象。沙箱阻止开发者操作DOM和调接口。）展开评论点赞 - #青训营笔记创作活动# 1月23日 打卡day9
今日学习（屏幕适配如何适配vite项目，基于rem的适配方案和基于scale的适配方案两种办法）评论点赞 - #青训营笔记创作活动# 1月22日 打卡day8
今日学习（随着前端的不断发展，更多新的 CSS 属性不断加入提案。1. position: sticky，标题在滚动的时候，会一直贴着最顶上。2. :empty 选择器3. gapgap 属性它适用于 Grid 布局、Flex 布局以及多列布局，并不一定只是 Grid 布局中可以使用。4. background-clip: text，可以做一个带背景的文字效果。5.user-select属性可以 禁用光标选中 ，让网页看着和移动端一样。6. :invalid 伪类， 表示任意内容未通过验证的 input 或其 他 form 元素。7. :focus-within 伪类，表示一个元素获得焦点，或该元素的后代元素获得焦点，就会匹配上。8. mix-blend-mode:difference属性描述了元素的内容应该与元素的直系父元素的内容和元素的背景如何混合。其中，difference 表示差值。）展开评论点赞 - #青训营笔记创作活动#
1月21日 打卡day7
今日学习（很多时候，我们从 PS 、蓝湖或摹客等工具导出来的图片，或者是美术直接给到切图，都是未经过压缩的，体积都比较大。通过封装一个工具，对项目内的图片自动压缩，彻底释放双手。）评论点赞