获得徽章 10
#青训营笔记创作活动#
2月3日打卡day24
今日学习了在js中什么情况下使用map比使用obj要好，文中介绍了使用obj的劣势以及会出现的问题，使用map之后，对象不仅限于字符串和symbol，而是任意数据类型，这样使得数据的处理更加的规范，并且提供了许多实用的api，使得功能的实现效率更高
2月3日打卡day24
今日学习了在js中什么情况下使用map比使用obj要好，文中介绍了使用obj的劣势以及会出现的问题，使用map之后，对象不仅限于字符串和symbol，而是任意数据类型，这样使得数据的处理更加的规范，并且提供了许多实用的api，使得功能的实现效率更高
展开
评论
点赞
#青训营笔记创作活动#
2月2日打卡day23
今日学习了Islands架构原理和实践的相关知识，文中介绍了什么是Islands，目前主流的诸如Fresh、Astro框架都是基于Island的框架实现的， 以及Islands如何使用，SSR模式下的运行时间，运行流程等，以及Islands框架对于VitePress的特殊优化
2月2日打卡day23
今日学习了Islands架构原理和实践的相关知识，文中介绍了什么是Islands，目前主流的诸如Fresh、Astro框架都是基于Island的框架实现的， 以及Islands如何使用，SSR模式下的运行时间，运行流程等，以及Islands框架对于VitePress的特殊优化
展开
评论
点赞
#青训营笔记创作活动#
2月1日打卡day22
今日学习了前端领域和docker相关的知识，文中介绍了docker的安装以及原理概况，其中利用docker启动vue项目的部分中拉取docker镜像和配置等介绍的很详细，利用docker开发可以简化开发流程，不必进行重复的工程
2月1日打卡day22
今日学习了前端领域和docker相关的知识，文中介绍了docker的安装以及原理概况，其中利用docker启动vue项目的部分中拉取docker镜像和配置等介绍的很详细，利用docker开发可以简化开发流程，不必进行重复的工程
展开
评论
点赞
#青训营笔记创作活动#
1月31日打卡day21
今日学习了如何在数据大屏的项目中进行适配的相关知识，数据大屏在不同设备上的自适应适配是一件很烦恼的事情，由于数据大屏项目需要展示的数据很多，且在不同的设备上模块的大小需要动态的变化，所以如何进行适配是一个问题，文中介绍了三种不同的方案，其中有需要重新进行字体大小设置的方法，也有通过比例来缩小的方法，在不同的应用场景之下选择不同的设计方法即可。
1月31日打卡day21
今日学习了如何在数据大屏的项目中进行适配的相关知识，数据大屏在不同设备上的自适应适配是一件很烦恼的事情，由于数据大屏项目需要展示的数据很多，且在不同的设备上模块的大小需要动态的变化，所以如何进行适配是一个问题，文中介绍了三种不同的方案，其中有需要重新进行字体大小设置的方法，也有通过比例来缩小的方法，在不同的应用场景之下选择不同的设计方法即可。
展开
评论
点赞
#青训营笔记创作活动#
1月30日打卡day20
今日学习了许多开源的前端低代码项目，其中大部分的内容在平时都有见到过，低代码项目的学习成本低，产出的项目效果好等特点如今使得越来越多人关注，通过低代码平台可以短时间的做出一些数据可视化，网页编辑多媒体，网页制作等等项目，值得实践
1月30日打卡day20
今日学习了许多开源的前端低代码项目，其中大部分的内容在平时都有见到过，低代码项目的学习成本低，产出的项目效果好等特点如今使得越来越多人关注，通过低代码平台可以短时间的做出一些数据可视化，网页编辑多媒体，网页制作等等项目，值得实践
展开
评论
点赞
#青训营笔记创作活动#
1月29日打卡day19
今日学习了如何将一个树状结构来扁平化，通过将原有的层层叠套的数据结构通过赋给每个节点id值的方式来将其扁平化处理，这样会使得在展示树状结构时，不需要层层遍历来浪费时间，并且基于这样的方法的增删改查等操作也变得十分轻松
1月29日打卡day19
今日学习了如何将一个树状结构来扁平化，通过将原有的层层叠套的数据结构通过赋给每个节点id值的方式来将其扁平化处理，这样会使得在展示树状结构时，不需要层层遍历来浪费时间，并且基于这样的方法的增删改查等操作也变得十分轻松
展开
评论
点赞
#青训营笔记创作活动#
1月28日打卡day18
今日学习了和包管理器相关的知识，通常使用的包管理器是yarn和npm，文中提到了近期新推出的pnpm，文中提到了速度，安全，实用性等等角度，其中快速是作者推荐的首要理由，其次，由于其是从npm改进而来，所以其安全性方面比之前的包管理器有更大的优势。并且熟悉npm的情况下，学习操作pnpm的成本很低
1月28日打卡day18
今日学习了和包管理器相关的知识，通常使用的包管理器是yarn和npm，文中提到了近期新推出的pnpm，文中提到了速度，安全，实用性等等角度，其中快速是作者推荐的首要理由，其次，由于其是从npm改进而来，所以其安全性方面比之前的包管理器有更大的优势。并且熟悉npm的情况下，学习操作pnpm的成本很低
展开
评论
点赞
#青训营笔记创作活动#
1月27日打卡day17
今日学习了如何写羊了个羊小游戏，其中的地图模拟和地图生成部分很有意思，在阅读思路的时候也想到了一个比较关键的问题，就是文中被压在下面的卡片是通过css来设置无法点击的状态的，如果说将被压在下面的卡片上的样式清除的话，那么无法点击的效果就无法达成，这也算是游戏的一个小技巧了
1月27日打卡day17
今日学习了如何写羊了个羊小游戏，其中的地图模拟和地图生成部分很有意思，在阅读思路的时候也想到了一个比较关键的问题，就是文中被压在下面的卡片是通过css来设置无法点击的状态的，如果说将被压在下面的卡片上的样式清除的话，那么无法点击的效果就无法达成，这也算是游戏的一个小技巧了
展开
评论
点赞
#青训营笔记创作活动#
1月26日打卡day16
今日学习了前端开发所常用的调试技巧，例如常用的console、打breakpoint调试等等方法，进阶的有条件断点、DOM断点、vscode断点等等方法。前端调试方法和后端调试方法略有不同，常常只需要通过浏览器便可以完成调试
1月26日打卡day16
今日学习了前端开发所常用的调试技巧，例如常用的console、打breakpoint调试等等方法，进阶的有条件断点、DOM断点、vscode断点等等方法。前端调试方法和后端调试方法略有不同，常常只需要通过浏览器便可以完成调试
展开
评论
点赞
#青训营笔记创作活动#
1月25日打卡day15
今日学习了css中有关页面宽度设计的几个css常用函数，通过Clamp(), Max(), 和Min()这三个函数可以灵活的设置网页中元素宽度，并且可以很轻松的做出好看的效果
1月25日打卡day15
今日学习了css中有关页面宽度设计的几个css常用函数，通过Clamp(), Max(), 和Min()这三个函数可以灵活的设置网页中元素宽度，并且可以很轻松的做出好看的效果
评论
点赞
#青训营笔记创作活动#
1月24日打卡day14
今日学习了如何采用css来监听事件，在网页中有很多场景需要用到计时器，这篇文章介绍了如何使用css的方式来实现计时器的功能，包括延时触发，长按触发和轮播与暂停，其中延时触发让我眼前一亮，很有收获
1月24日打卡day14
今日学习了如何采用css来监听事件，在网页中有很多场景需要用到计时器，这篇文章介绍了如何使用css的方式来实现计时器的功能，包括延时触发，长按触发和轮播与暂停，其中延时触发让我眼前一亮，很有收获
展开
评论
点赞
#青训营笔记创作活动#
1月23日打卡day13
今日学习了前端实现活体人脸检测的方案知识，其中是调用了tensorflow的人脸识别模型，之后根据需要，通过前端摄像头直接获取图像的方式来获取关键点，并且通过判断关键点的移动来完成所需要的业务逻辑，虽然减少了对于后端识别的压力，但是由于纯前端的代码导致了网页的流畅性不是很好，如果是在一个比较差的环境下来运行的话，可能就不是很流畅的完成任务了
1月23日打卡day13
今日学习了前端实现活体人脸检测的方案知识，其中是调用了tensorflow的人脸识别模型，之后根据需要，通过前端摄像头直接获取图像的方式来获取关键点，并且通过判断关键点的移动来完成所需要的业务逻辑，虽然减少了对于后端识别的压力，但是由于纯前端的代码导致了网页的流畅性不是很好，如果是在一个比较差的环境下来运行的话，可能就不是很流畅的完成任务了
展开
评论
点赞
#青训营笔记创作活动#
1月22日打卡day12
今日学习了如何使用fabric.js写图片编辑器，这个项目是日常在网页上进行图片交互时候时常能够看到的项目，其中包含了有背景设置，插入元素，属性调整，元素对齐等等功能，涵盖了大部分的图片处理需求，是一个值得学习的项目
1月22日打卡day12
今日学习了如何使用fabric.js写图片编辑器，这个项目是日常在网页上进行图片交互时候时常能够看到的项目，其中包含了有背景设置，插入元素，属性调整，元素对齐等等功能，涵盖了大部分的图片处理需求，是一个值得学习的项目
展开
评论
点赞
#青训营笔记创作活动#
1月21日打卡day11
今日学习了和防止按钮重复被点击的css代码，之前学过和js相关的代码，但是今天学习到了css的实现方法，收获颇丰
1月21日打卡day11
今日学习了和防止按钮重复被点击的css代码，之前学过和js相关的代码，但是今天学习到了css的实现方法，收获颇丰
评论
点赞
#青训营笔记创作活动#
1月20日打卡day10
今日学习了有关于屏幕适配的相关知识，文章介绍了通过rem方式和通过scale属性来进行调整屏幕大小的两种方式，这些调整方式主要运用在不要求固定长宽比的网页项目中，初次之外，评论区的大佬也提供了其他的解决方案，收获颇丰
1月20日打卡day10
今日学习了有关于屏幕适配的相关知识，文章介绍了通过rem方式和通过scale属性来进行调整屏幕大小的两种方式，这些调整方式主要运用在不要求固定长宽比的网页项目中，初次之外，评论区的大佬也提供了其他的解决方案，收获颇丰
展开
评论
点赞
#青训营笔记创作活动#
1月19日打卡day9
今日学习了许多在开发中可以使方案便捷实现的css属性，文章中介绍的许多伪类选择器的效果是纯视觉效果，如果使用得当的话可以简化js代码的压力；其他css的样式也会让网页效果显得十分的高级
1月19日打卡day9
今日学习了许多在开发中可以使方案便捷实现的css属性，文章中介绍的许多伪类选择器的效果是纯视觉效果，如果使用得当的话可以简化js代码的压力；其他css的样式也会让网页效果显得十分的高级
评论
点赞