Lkesk
student
获得徽章 0
赞了这篇文章
#青训营笔记创作活动#
1.10 day22
我们可以发现将整个结构扁平化后收益特别多。
结构很清晰，我们可以很轻易的对数据进行处理。
特别是在特别大数据量的情况下，这种形式可以极大的提高性能，减去需要遍历的性能消耗。
以前各种在数组对象出现的弊端都消失了
1.10 day22
我们可以发现将整个结构扁平化后收益特别多。
结构很清晰，我们可以很轻易的对数据进行处理。
特别是在特别大数据量的情况下，这种形式可以极大的提高性能，减去需要遍历的性能消耗。
以前各种在数组对象出现的弊端都消失了
展开
评论
点赞
#青训营笔记创作活动#
1.8 day21
虽然 pnpm 内部做了非常多复杂的设计，但实际上对于用户来说是无感知的，使用起来非常友好。并且，现在作者现在还一直在维护，目前 npm 上周下载量已经有 10w +，经历了大规模用户的考验，稳定性也能有所保障。
1.8 day21
虽然 pnpm 内部做了非常多复杂的设计，但实际上对于用户来说是无感知的，使用起来非常友好。并且，现在作者现在还一直在维护，目前 npm 上周下载量已经有 10w +，经历了大规模用户的考验，稳定性也能有所保障。
展开
评论
点赞
#青训营笔记创作活动#
1.6day20
之前都是用 0、1 代指卡片，实际之前设置卡片的时候，我们可以新建 CardItem 类的实例，每个卡片实例会记录自己的位置、样式、是否被覆盖等状况。并且我们可以用一个 cardList 数组保存下这些实例
1.6day20
之前都是用 0、1 代指卡片，实际之前设置卡片的时候，我们可以新建 CardItem 类的实例，每个卡片实例会记录自己的位置、样式、是否被覆盖等状况。并且我们可以用一个 cardList 数组保存下这些实例
展开
评论
点赞
#青训营笔记创作活动#
1.5 day19
对于调试技巧任重而道远，需要学习与实践并行，才能更好的灵活使用，在对应的问题使用对应的调试方式，可以提高我们的开发效率以及解决问题能力，提高自己的竞争力。
1.5 day19
对于调试技巧任重而道远，需要学习与实践并行，才能更好的灵活使用，在对应的问题使用对应的调试方式，可以提高我们的开发效率以及解决问题能力，提高自己的竞争力。
展开
评论
点赞
#青训营笔记创作活动#
1.2 day18
0px：最小值，用于垂直分隔符。它的值是 0，因为我们使用的是一个CSS边框
(var(--breakpoint) - 100%) * 999 是一个个切换器，根据视口宽度在 0px或 100% 之间切换.
1.2 day18
0px：最小值，用于垂直分隔符。它的值是 0，因为我们使用的是一个CSS边框
(var(--breakpoint) - 100%) * 999 是一个个切换器，根据视口宽度在 0px或 100% 之间切换.
展开
评论
点赞
#青训营笔记创作活动#
1.1 day17
hover配合transition延时、transitionend监听可以实现鼠标经过延时触发效果
:active配合transition延时、transitionend监听可以实现长按触发效果
CSS 动画设置infinite后配合animationiteration监听可以实现周期性触发效果
可以直接通过:hover来控制台动画的暂停和播放
1.1 day17
hover配合transition延时、transitionend监听可以实现鼠标经过延时触发效果
:active配合transition延时、transitionend监听可以实现长按触发效果
CSS 动画设置infinite后配合animationiteration监听可以实现周期性触发效果
可以直接通过:hover来控制台动画的暂停和播放
展开
评论
点赞
#青训营笔记创作活动#
12月31日 day16
hover配合transition延时、transitionend监听可以实现鼠标经过延时触发效果
:active配合transition延时、transitionend监听可以实现长按触发效果
CSS 动画设置infinite后配合animationiteration监听可以实现周期性触发效果
可以直接通过:hover来控制台动画的暂停和播放
12月31日 day16
hover配合transition延时、transitionend监听可以实现鼠标经过延时触发效果
:active配合transition延时、transitionend监听可以实现长按触发效果
CSS 动画设置infinite后配合animationiteration监听可以实现周期性触发效果
可以直接通过:hover来控制台动画的暂停和播放
展开
评论
点赞
#青训营笔记创作活动#
12月30日day16
引入tensorflow训练好的人脸特征点检测模型，预测 486 个 3D 人脸特征点，推断出人脸的近似面部几何图形
12月30日day16
引入tensorflow训练好的人脸特征点检测模型，预测 486 个 3D 人脸特征点，推断出人脸的近似面部几何图形
评论
点赞
#青训营笔记创作活动#
12月29日day15
antd 是 react 主流组件库，我们经常使用它但可能并没有调试过它的源码。
我们可以在 renderWithHooks 里调用函数组件的地方打个条件断点，在调用想调试的组件时断住，这样我们就可以 step into 到该组件定义的地方。
12月29日day15
antd 是 react 主流组件库，我们经常使用它但可能并没有调试过它的源码。
我们可以在 renderWithHooks 里调用函数组件的地方打个条件断点，在调用想调试的组件时断住，这样我们就可以 step into 到该组件定义的地方。
展开
评论
点赞
#青训营笔记创作活动#
12月28日 day14
fabric.js的功能很强大，可以很轻松的开发出一个简版的图片编辑器，自定义素材、模板、字体文件；还可以结合数据接口拼接模板生成图片，很轻松的实现定制模板 + 生成图片的功能
12月28日 day14
fabric.js的功能很强大，可以很轻松的开发出一个简版的图片编辑器，自定义素材、模板、字体文件；还可以结合数据接口拼接模板生成图片，很轻松的实现定制模板 + 生成图片的功能
展开
评论
点赞
#青训营笔记创作活动#
12月27日day13
函数节流是一个非常常见的优化方式，可以有效避免函数过于频繁的执行
CSS 的实现思路和 JS 不同，重点在于在于找到和该场景相关联的属性
CSS 实现“节流”其实就是控制一个动画的精准控制，假设有一个动画控制按钮从禁用->可点击的变化，每次点击时让这个动画重新执行一遍，在执行的过程中，一直处于禁用状态，这样就达到了“节流”的效果
12月27日day13
函数节流是一个非常常见的优化方式，可以有效避免函数过于频繁的执行
CSS 的实现思路和 JS 不同，重点在于在于找到和该场景相关联的属性
CSS 实现“节流”其实就是控制一个动画的精准控制，假设有一个动画控制按钮从禁用->可点击的变化，每次点击时让这个动画重新执行一遍，在执行的过程中，一直处于禁用状态，这样就达到了“节流”的效果
展开
评论
点赞
#青训营笔记创作活动#
12月26日day12
在页面中，可以通过 document 对象来获取 HTML 元素，进行增删改查的 DOM 操作
如何禁止开发者操作 DOM，转化为如何阻止开发者获取 document 对象
12月26日day12
在页面中，可以通过 document 对象来获取 HTML 元素，进行增删改查的 DOM 操作
如何禁止开发者操作 DOM，转化为如何阻止开发者获取 document 对象
展开
评论
点赞
#青训营笔记创作活动#
12月25日 day11
rem是指相对于根元素的字体大小的单位，在日常开发过程中我们通常把根元素（html/body）的字体设置为10px,方便于我们计算（此时子元素的1rem就相当于10px）
12月25日 day11
rem是指相对于根元素的字体大小的单位，在日常开发过程中我们通常把根元素（html/body）的字体设置为10px,方便于我们计算（此时子元素的1rem就相当于10px）
展开
评论
点赞
#青训营笔记创作活动#
12月24日 day10
background-clip 都用来做一些裁切效果。in还有个属性值是 text .background-clip: text 用来做带背景的文字效果，通过 CSS 也能做到这种效果
12月24日 day10
background-clip 都用来做一些裁切效果。in还有个属性值是 text .background-clip: text 用来做带背景的文字效果，通过 CSS 也能做到这种效果
展开
评论
点赞
#青训营笔记创作活动#
12月23日day9
总体分为五个过程：
查找：找出所有的图片资源；
分配：均分任务到每个进程；
上传：把原图上传到TinyPng；
下载：从TinyPng中下载压缩好的图片；
写入：用下载的图片覆盖本地图片；
12月23日day9
总体分为五个过程：
查找：找出所有的图片资源；
分配：均分任务到每个进程；
上传：把原图上传到TinyPng；
下载：从TinyPng中下载压缩好的图片；
写入：用下载的图片覆盖本地图片；
展开
评论
点赞
#青训营笔记创作活动#
12月22日 day8
SWC 更适合做兼容性和自定义要求高的 Transformer(比如移动端业务场景)，而Esbuild适合做 Bundler 和 Minimizer，以及兼容性和自定义要求均不高的 Transformer。
12月22日 day8
SWC 更适合做兼容性和自定义要求高的 Transformer(比如移动端业务场景)，而Esbuild适合做 Bundler 和 Minimizer，以及兼容性和自定义要求均不高的 Transformer。
展开
评论
点赞
#青训营笔记创作活动#
12月21日 day7
WebRTC (Web Real-Time Communications) 是一项实时通讯技术，它允许网络应用或者站点，在不借助中间媒介的情况下，建立浏览器之间点对点（Peer-to-Peer）的连接，实现视频流和（或）音频流或者其他任意数据的传输。
12月21日 day7
WebRTC (Web Real-Time Communications) 是一项实时通讯技术，它允许网络应用或者站点，在不借助中间媒介的情况下，建立浏览器之间点对点（Peer-to-Peer）的连接，实现视频流和（或）音频流或者其他任意数据的传输。
展开
评论
点赞