
获得徽章 18
- #青训营笔记创作活动#
2023.1.15 —— day19
笔记:
console 是我们开发中经常使用的功能,用来输出打印和调试开发,比较熟悉的有log、error、warn,这几个是常用的,但是如果你仅仅只是了解这几个那就挺可惜了,错过了那些有助于调高开发效率的功能,今天我们列举一些常用又可以提高开发效率的功能。展开评论点赞 - #青训营笔记创作活动#
2023.1.13 —— day18
笔记:
clamp() 函数的作用是把一个值限制在一个上限和下限之间,当这个值超过最小值和最大值的范围时,在最小值和最大值之间选择一个值使用。它接收三个参数:最小值、首选值、最大值。展开评论点赞 - #青训营笔记创作活动#
2023.1.12 —— day17
笔记:
:hover配合transition延时、transitionend监听可以实现鼠标经过延时触发效果
:active配合transition延时、transitionend监听可以实现长按触发效果
CSS 动画设置infinite后配合animationiteration监听可以实现周期性触发效果
可以直接通过:hover来控制台动画的暂停和播放展开评论点赞 - #青训营笔记创作活动#
2023.1.11 —— day16
笔记:
引入tensorflow训练好的人脸特征点检测模型,预测 486 个 3D 人脸特征点,推断出人脸的近似面部几何图形。 人脸特征提取就是针对人脸的某些特征进行判断(以下的动作判断仅供参考,实际情况下需要多个特征点来判断某个动作)展开评论点赞 - #青训营笔记创作活动#
2023.1.8 —— day15
笔记:
antd 是 react 主流组件库,我们经常使用它但可能并没有调试过它的源码。我们可以在 renderWithHooks 里调用函数组件的地方打个条件断点,在调用想调试的组件时断住,这样我们就可以 step into 到该组件定义的地方。但是这样调试的并不是最初的源码,没有 jsx 和 ts 语法。想调试最初的 tsx 源码需要用 sourcemap。展开评论点赞 - #青训营笔记创作活动#
2023.1.6 —— day14
笔记:
fabric.js的功能很强大,可以很轻松的开发出一个简版的图片编辑器,自定义素材、模板、字体文件;还可以结合数据接口拼接模板生成图片,很轻松的实现定制模板 + 生成图片的功能展开评论点赞 - #青训营笔记创作活动#
2023.1.4 —— day13
笔记:
函数节流是一个非常常见的优化方式,可以有效避免函数过于频繁的执行
CSS 的实现思路和 JS 不同,重点在于在于找到和该场景相关联的属性
CSS 实现“节流”其实就是控制一个动画的精准控制,假设有一个动画控制按钮从禁用->可点击的变化,每次点击时让这个动画重新执行一遍,在执行的过程中,一直处于禁用状态,这样就达到了“节流”的效果
还可以通过 transition 的回调函数动态设置按钮禁用态
这种实现的好处在于禁用逻辑和业务逻辑是完全解耦的展开评论点赞