Angelia128
获得徽章 1
- #青训营笔记创作活动#
2023.2.22 打卡Day21
pnpm: "Fast disk space efficient package manager"
实质是一个包管理器
优势是：1.包安装速度极快 2.磁盘空间利用非常高效
特性有：1.速度快 2.高效利用磁盘空间 3.支持monorepo 4.安全性高
日常使用：pnpm install. pnpm update. pnpm uninstall. pnpm link.展开评论点赞 - #青训营笔记创作活动#
2023.2.20 打卡Day20
想当初一连试了200多次都没通过的“羊了个羊”这个小游戏，今天算是见识到了它的诞生过程，逻辑清晰明了，原来如此啊！
长见识了评论点赞 - #青训营笔记创作活动#
2023.2.18 打卡Day19
当你觉得力不从心时，就是你需要继续学习了
console既常用又可以提高开发效率的功能：
console.log
console.warn
console.error
console.time
console.timeEnd
console.assert
console.dir
console.table
console.$i
breakpoint
展开评论点赞 - #青训营笔记创作活动#
2023.2.16 打卡Day18
clamp()函数的作用是把一个值限制在一个上限和下限之间。当这个值超过最小值和最大值的范围时，在最小值和最大值之间选择一个值使用。它接收三个参数：最小值，首选值，最大值。
Fundebug是一个好用的bug监控工具。
展开评论点赞 - #青训营笔记创作活动#
2023.2.10 打卡Day17
通过对这篇文章的学习，我了解到了几个接触css来更好的控制定时器的方法，一，however延时触发。二长按触发事件，三轮播和暂停。相比定时器而言，css在控制定时器的开启和暂停上更有优势。展开评论点赞 - #青训营笔记创作活动#
2023.2.9 打卡Day16
引入tensorflow训练好的人脸特征点检测模型，预测 486 个 3D 人脸特征点，推断出人脸的近似面部几何图形。
人脸特征提取就是针对人脸的某些特征进行判断（以下的动作判断仅供参考，实际情况下需要多个特征点来判断某个动作）
作者：wangpeng1478展开评论点赞 - #青训营笔记创作活动#
2023.2.7 打卡Day15
antd 是 react 主流组件库，我们经常使用它但可能并没有调试过它的源码。
我们可以在 renderWithHooks 里调用函数组件的地方打个条件断点，在调用想调试的组件时断住，这样我们就可以 step into 到该组件定义的地方。
但是这样调试的并不是最初的源码，没有 jsx 和 ts 语法。
想调试最初的 tsx 源码需要用 sourcemap。
antd 有三种入口：es 目录对应 esm 入口，lib 目录对应 commonjs 入口，dist 目录对应 UMD 入口。
把 antd 代码下载下来，执行 npm run dist 就可以生成 UMD 形式的代码。
想要 sourcemap 映射到 tsx 源码，需要把 devtool 设置成 cheap-module-source-map，然后开启 babel-loader 和 ts-loader 的 sourcemap。
把产物覆盖 antd 的 dist 下的产物，再调试就可以直接调试 antd 组件的 tsx 源码了。
作者：zxg_神说要有光展开评论点赞 - #青训营笔记创作活动#
2023.2.6 打卡Day14
fabric.js 和 konva.js都是强大的canvas库，功能上类似，konva.js比较新中文文档也多一些，因为比较熟悉fabric就没有采用konva。
要点： 因为框架用的vue，主要解决如何把fabric的实例对象共享给各个功能组件，区分出是未选中、单选、多选状态，然后将选中、取消选中事件暴露给各个功能组件，子组件根据状态进行独立的功能开发。
作者：愚坤展开评论点赞 - #青训营笔记创作活动#
2023.2.5 打卡Day13
CSS 实现和 JS 的思维不同，需要从另一个角度去看待这个问题。
比如这里的需要对点击事件进行限制，也就是禁用点击事件，想想有什么方式可以禁用事件，没错，就是pointer-events;
然后是时间的限制，每次点击后需要自动禁用300ms，时间过后重新恢复，那么，有什么特性和时间以及状态恢复有关呢？没错，就是animation;
除此之外，还需要有触发时机，这里是点击行为，所以必然和伪类:active有关联。
作者：XboxYan展开评论点赞 - #青训营笔记创作活动#
2023.2.4 打卡Day12
在页面中，可以通过 document 对象来获取 HTML 元素，进行增删改查的 DOM 操作
如何禁止开发者操作 DOM，转化为如何阻止开发者获取 document 对象。展开评论点赞