还是西瓜好吃
获得徽章 1
- #青训营笔记创作活动#
2月12日 打卡day23
今日学习——接触到了低代码这个概念：通过可视化以及模型驱动实现提效降本
本文推荐了一些低代码平台与相关工具，像Appsmith、LowCodeEngine、tmagic-editor、vite-vue3-lowcode、quark-h5，先码住！展开评论点赞 - #青训营笔记创作活动#
2月11日 打卡day22
今日学习——认识扁平树状结构，即一个对象，每个item都扁平化平铺在第一层，每一个item都有各自的parentId与childrenIds。将树形结构的数据不按照真实的父子节点关系记录，而是将所有结点平铺记录在数组中，这样我们可以很轻易的对数据进行处理，特别是在特别大数据量的情况下，这种形式能极大的提高性能，减去了需要遍历的性能消耗。展开评论点赞 - #青训营笔记创作活动#
2月10日 打卡day21
今日学习——pnpm和npm/yarn的对比，相对而言更推荐pnpm包管理器，速度快，对磁盘的利用也很好，安全性也大大提高。评论点赞 - #青训营笔记创作活动#
2月9日 打卡day20
今日学习——了解了用前端方式实现年前很火的羊了个羊小游戏。
跟着笔者大佬简单认识了这个小游戏框架的配置，主要学了下感兴趣的地图生成和数据填充部分，其中填充卡片类型涉及到了一部分的随机方面的算法知识，算是拓宽知识面吧展开评论点赞 - #青训营笔记创作活动#
2月8日 打卡day19
今日学习——前端浏览器调试的一些技巧，对console功能有了更深入的认识，具体学习了除console.log外的许多方法，如console.assert等，通过这些技巧调试前端代码更加方便。除此之外，还深入地学了断点相关的知识点，像条件、DOM、VS Code断点等，学到了！展开评论点赞 - #青训营笔记创作活动#
2月7日 打卡day18
今日学习—CSS在20年开始支持比较函数，而其中分别是Clamp(), Max(), Min()函数。
Clamp()接收三个参数：最小值、首选值、最大值。而该函数的作用是把一个值限制在一个上限和下限之间，当这个值超过范围时，在最大值和最小值之间选择一个值使用
eg：
1. 宽度 width: clamp(70px, 80px + 15%, 180px)
2. 位置 使用媒体查询的方法：@media (max-width:600px) { .decorative--1 { left: -8rem; }};使用clamp()函数：.decorative--1 { left: clamp(-8rem, -10.909rem + 14.55vw, 0rem}}
3. 页面主区高度 使用媒体查询的方法：@media(min-width:800px){.hero{min-height: 500px;}}；使用clamp()函数: .hero{min-height: clamp(250px, 50vmax, 500px) 其中，50vmax表示视口最大尺寸的50%
展开评论点赞 - #青训营笔记创作活动#
2.6 打卡day17
今日学习——css控制定时器的几个替代方案
1. 长按超过1秒触发 :hover配合transition延时、transitionend监听可实现鼠标经过延时触发效果
2. 长按触发事件 :active配合transition延时、transitionend监听来实现
3. 轮播和暂停 设置CSS动画infinite并配合animationiteration 方法实现轮播，用:hover控制播放与暂停展开评论点赞 - #青训营笔记创作活动#
2.5 打卡day16
今日学习——如何用纯前端方式实现活体人脸检测，先引入tensorflow训练好的人脸特征点检测模型，推断出人脸的近似面部几何图形，再通过对人脸一些特征的判断动作以此达到目的，太强了评论点赞 - #青训营笔记创作活动#
2023.2.3 打卡day15
今日学习——以button为例学习了调试antd的方法，主要介绍了如何调试 react 与 antd 框架，似乎主要是通过 hook 的方式实现，还了解了目录结构和编译流程。评论点赞 - #青训营笔记创作活动#
2023.2.2 打卡day14
今日学习——fabric.js开发图片编辑器，fabric.js的功能很强大，可以很轻松的开发出一个简版的图片编辑器，自定义素材、模板、字体文件；还可以结合数据接口拼接模板生成图片，很轻松的实现定制模板 + 生成图片的功能
这个项目的要点是解决因vue框架来实现如何把fabric的实例对象共享给各个功能组件，区分出是未选中、单选、多选状态，然后将选中、取消选中事件暴露给各个功能组件，子组件根据状态在11111进行独立的功能开发展开评论点赞