用户9273590572010
获得徽章 1
- #青训营笔记创作活动#
2.4
Day19
今日学习
console 是我们开发中经常使用的功能，用来输出打印和调试开发。
console.warn
在控制台输出警告信息，用于代码存在不合理或不符合规范但不影响系统运行的提示
console.error
在控制台输出错误信息，用于代码错误和异常的提示console.time和console.timeEnd
这两个方法一般是配合使用，用于计算代码段的执行时间，有助于性能调试和判断展开评论点赞 - #青训营笔记创作活动#
2.3
Day18
今日学习
clamp() 函数的作用是把一个值限制在一个上限和下限之间，当这个值超过最小值和最大值的范围时，在最小值和最大值之间选择一个值使用。
max() 函数，在 0px 和 min()的计算值之间进行比较，并选择较大的值。
min() 函数在 8px 和 calc((100vw - 4px - 100%) * 9999 的计算值之间进行比较，这会得到一个非常大的正数或负数。展开评论点赞 - #青训营笔记创作活动#
2.2
Day17
今日学习
借助 CSS 来更好的控制定时器的方法。
分别有hover 延时触发（hover配合transition延时、transitionend监听可以实现鼠标经过延时触发效果，长按触发事件（active配合transition延时、transitionend监听可以实现长按触发效果，轮播和暂停（CSS 动画设置infinite后配合animationiteration监听可以实现周期性触发效果。展开评论点赞 - #青训营笔记创作活动#
2.1
Day16
今日学习
了解了非常有用的人脸检测。
分为以下几步，创建人脸模型（人脸识别，可以引入tensorflow训练好的人脸特征点检测模型，特征检测（人脸的远近，张嘴，眨眼，左右摇头）。展开评论点赞 - #青训营笔记创作活动#
1.31
Day15
今日学习
了解了如何调试antd的源码。
antd有三种入口。1.main 是 commonjs 的入口，对应了lib的目录。2.module 是 esm 的入口，也就是 import xx from 'antd' 的时候会走这个。3.unpkg 是 UMD 的入口，也就是通过 script 标签引入的时候或者 commonjs 的方式等都可以用。
想要 sourcemap 映射到 tsx 源码，需要把 devtool 设置成 cheap-module-source-map，然后开启 babel-loader 和 ts-loader 的 sourcemap展开评论点赞 - #青训营笔记创作活动#
11.30
Day14
今日学习
快速开发图片编辑器，通过这个项目学习到fabric.js的基础用法。
框架设计
初始化（fabric.js创建对象，用EventEmitter创建事件发射器，可订阅单选、多选、取消选择事件
背景设置
插入元素
属性调整（特定属性
元素对齐展开评论点赞 - #青训营笔记创作活动#
11.29
Day13
今日学习
今天学习了用CSS防止按钮重复点击。函数节流是一个常见的优化方式，可以避免函数过于频繁地执行。而CSS与JS做节流的思路不同，CSS的实现的重点在于在于找到和该场景相关联的属性。展开评论点赞 - #青训营笔记创作活动#
11.28
Day12
今日学习
学习了沙箱，一种安全机制，阻止开发者操作DOM和调接口。
使用场景大概有以下四种，1.浏览器打开的每个页面均为一个沙箱
2.执行 jsonp 请求回来的字符串时或引入不知名第三方 JS 库时，可能需要创造一个沙箱来执行这些代码
3.Vue 模板表达式的计算是运行在一个沙箱中，模板字符串中的表达式只能获取部分全局对象
4.微前端框架 qiankun展开评论点赞 - #青训营笔记创作活动#
11.27
Day11
今日学习
学习了关于Vite项目屏幕适配的两种方案，包括基于rem的适配方案和基于scale的适配方案。基于rem的适配方案适用于不固定宽高比的Web应用，适用于绝大部分业务场景。基于scale的适配方案适用于固定宽高比的Web应用，如大屏或者固定窗口业务应用。展开评论点赞 - #青训营笔记创作活动#
11.26
Day10
今日学习
今天了解到了8个css的属性，包括position: sticky，empty 选择器，gap，background-clip: text，user-select，invalid 伪类，focus-within 伪类，mix-blend-mode:difference展开评论点赞