GinYue
获得徽章 1
#青训营笔记创作活动#
2月19日 打卡day23
“如果想简单，客户能同意留白，选用 scale 即可；如果需要兼容不同比例的大屏，并且想在不同比例中都有比较好的效果，图表占满屏幕，类似于移动端的响应式，可以采用 vw vh 的方案；而 rem，个人觉得就是 scale 和 vw vh 的综合，最终的效果跟 scale 差不多。”
总的来说，vw、vh是展示效果最好的方案，rem、scale则是都会有留白，相对来说适配效果没有那么好。之前有接触过vw vh以及rem，感觉还是vw vh带感一些。
2月19日 打卡day23
“如果想简单，客户能同意留白，选用 scale 即可；如果需要兼容不同比例的大屏，并且想在不同比例中都有比较好的效果，图表占满屏幕，类似于移动端的响应式，可以采用 vw vh 的方案；而 rem，个人觉得就是 scale 和 vw vh 的综合，最终的效果跟 scale 差不多。”
总的来说，vw、vh是展示效果最好的方案，rem、scale则是都会有留白，相对来说适配效果没有那么好。之前有接触过vw vh以及rem，感觉还是vw vh带感一些。
展开
评论
点赞
#青训营笔记创作活动#
2月18日 打卡day23
前几天忙着返校，打卡都断断续续的
文章介绍了一些诸如Appsmith LowCodeEngine Amis这样的低代码平台或项目，挺有意思，感觉低代码会是风口哈哈毕竟以后应该会有越来越多人接触编程了，低代码就是好选择～
2月18日 打卡day23
前几天忙着返校，打卡都断断续续的
文章介绍了一些诸如Appsmith LowCodeEngine Amis这样的低代码平台或项目，挺有意思，感觉低代码会是风口哈哈毕竟以后应该会有越来越多人接触编程了，低代码就是好选择～
展开
评论
点赞
赞了这篇文章
#青训营笔记创作活动#
2月16日 打卡day22
树状结构一般都是“每层数组中的item都会有一个children，里面嵌套一个数组然后每个子item也还会有各自的children，就这样一直嵌套下去”的。而拍扁后的树状结构则其实是一个对象，每个item都扁平化平铺在第一层，每一个item都有各自的parentId与childrenIds的。
以此为思路能够更好的构造高性能的树状结构～
2月16日 打卡day22
树状结构一般都是“每层数组中的item都会有一个children，里面嵌套一个数组然后每个子item也还会有各自的children，就这样一直嵌套下去”的。而拍扁后的树状结构则其实是一个对象，每个item都扁平化平铺在第一层，每一个item都有各自的parentId与childrenIds的。
以此为思路能够更好的构造高性能的树状结构～
展开
评论
点赞
赞了这篇文章
#青训营笔记创作活动#
2月15日 打卡day21
pnpm由 npm/yarn 衍生而来，但却解决了 npm/yarn 内部潜在的 bug，并且极大了地优化了性能，扩展了使用场景。它主要有以下两个优点：
• 包安装速度很快
• 高效利用磁盘空间
这都是它脱颖而出的理由
2月15日 打卡day21
pnpm由 npm/yarn 衍生而来，但却解决了 npm/yarn 内部潜在的 bug，并且极大了地优化了性能，扩展了使用场景。它主要有以下两个优点：
• 包安装速度很快
• 高效利用磁盘空间
这都是它脱颖而出的理由
展开
评论
点赞
赞了这篇文章
赞了这篇文章
#青训营笔记创作活动#
2月14日 打卡day20
比较神奇的操作，只能说单扣一个6，算是开拓了眼界哈哈
感觉整场下来比较重要的几个点之一就是利用二维数组制作地图的部分了
感觉作者做出来的莫名就是更可爱一些？难道是因为边角更圆颜色更粉？
2月14日 打卡day20
比较神奇的操作，只能说单扣一个6，算是开拓了眼界哈哈
感觉整场下来比较重要的几个点之一就是利用二维数组制作地图的部分了
感觉作者做出来的莫名就是更可爱一些？难道是因为边角更圆颜色更粉？
展开
评论
点赞
#青训营笔记创作活动#
2月13日 打卡day19
文章主要介绍了一些前端常用的浏览器调试技巧，包括：打印输出、普通断点、条件断点、DOM断点、VS code 断点。
其中打印输出是我现在也是作者之前最常用的哈哈
说起来这次青训营的课程中就有分别介绍pc端以及移动端的调试技巧，pc端更是详细介绍了F12开发者工具的大用处，十分有帮助～
2月13日 打卡day19
文章主要介绍了一些前端常用的浏览器调试技巧，包括：打印输出、普通断点、条件断点、DOM断点、VS code 断点。
其中打印输出是我现在也是作者之前最常用的哈哈
说起来这次青训营的课程中就有分别介绍pc端以及移动端的调试技巧，pc端更是详细介绍了F12开发者工具的大用处，十分有帮助～
展开
评论
点赞
赞了这篇文章
#青训营笔记创作活动#
2月12日 打卡day18
Y作者推荐了这三个函数：Clamp(), Max(), 和 Min() 函数，并对clamp进行了主要讲解
clamp() 函数的作用是把一个值限制在一个上限和下限之间，当这个值超过最小值和最大值的范围时，在最小值和最大值之间选择一个值使用。它接收三个参数：最小值、首选值、最大值。
很有帮助，如果有机会的话自己也能多试试，或许以后开发中会用到呢～
2月12日 打卡day18
Y作者推荐了这三个函数：Clamp(), Max(), 和 Min() 函数，并对clamp进行了主要讲解
clamp() 函数的作用是把一个值限制在一个上限和下限之间，当这个值超过最小值和最大值的范围时，在最小值和最大值之间选择一个值使用。它接收三个参数：最小值、首选值、最大值。
很有帮助，如果有机会的话自己也能多试试，或许以后开发中会用到呢～
展开
评论
点赞
赞了这篇文章
#青训营笔记创作活动#
2月11日 打卡day17
:hover配合transition延时、transitionend监听可以实现鼠标经过延时触发效果；
:active配合transition延时、transitionend监听可以实现长按触发效果；
CSS 动画设置infinite后配合animationiteration监听可以实现周期性触发效果；
可以直接通过:hover来控制台动画的暂停和播放
2月11日 打卡day17
:hover配合transition延时、transitionend监听可以实现鼠标经过延时触发效果；
:active配合transition延时、transitionend监听可以实现长按触发效果；
CSS 动画设置infinite后配合animationiteration监听可以实现周期性触发效果；
可以直接通过:hover来控制台动画的暂停和播放
展开
评论
点赞