fxl
获得徽章 4
- #青训营笔记创作活动#
2月4日 打卡day21
今天学到了，package.json 配置解读。那么什么是package.json呢？package.json 是前端每个项目都有的 json 文件，位于项目的根目录。许多脚手架在搭建项目时也会自动帮我们自动初始化好 package.json。展开评论1 - #青训营笔记创作活动#
1月31日 打卡day18
今日学习
今天了解到了20个开源的前端低代码项目，例如：Appsmith，LowCodeEngine，Amis，tmagic-editor，dooring-electron-lowcode等，项目链接在文章中都有包括。展开评论1 - #青训营笔记创作活动#
2月1日 打卡day19
今天了解到了docker的使用指南，那么什么是docker呢，简单来说就是容器镜像，讲述了如何安装和使用docker以及docker有什么作用等。评论1 - #青训营笔记创作活动#
2月2日 打卡day19
今天学习到了，Islands 架构原理和实践，那么什么是lsland呢。目前社区一些比较知名的新框架如 Fresh、Astro 都是 Islands 架构的典型代表，等。
总之，
模板编译阶段，将静态节点进行特殊标记
运行时，支持 hydrate 跳过对静态节点的内容检查
基于上面这两点，其他的代表性编译时框架如Solid、Svelte 很难实现 Vue 的 Shell 架构(没法标记静态节点)，因此 Shell 方案可以理解为在 Vue 框架下的一个特殊优化了。对于 Vue 外的其它框架方案，仍然可以采用 Islands 进行特定场景的优化。
（摘至以下文章）
展开评论1 - #青训营笔记创作活动#
2月3日 打卡day20
众所周知，在JavaScript中对象是很方便的。在ES6之后，又增添了一个新的语言补充--Map.
那么Map有什么好处呢？
首先，与只允许键值为字符串和 symbols 的 Object 不同，Map 支持任何数据类型的键。但更重要的是，Map 在用户定义的和内置的程序数据之间提供了一个干净的分离，代价是需要一个额外的 Map.prototype.get 来获取对应的项。Map 默认是一个可迭代的对象。这说明可以用 for ... of 轻松地迭代一个 Map，并做一些事情，比如使用嵌套的解构来从 Map 中取出第一个项。展开评论1 - #青训营笔记创作活动#
1月29日 打卡day16
今日学习
今天学到了前端常用的浏览器调试工具，有console.log，console.warn，console.error，console.time和console.timeEnd，console.assert，console.dir等等。展开评论1 - #青训营笔记创作活动#
1月30日 打卡day17
今日学习
今天学习到了怎么用纯前端制作之前很火的游戏羊了个羊，从背景制作到卡片交互都有提及。挺好，不用烦没有空位了，游戏自己做。评论1 - #青训营笔记创作活动#
1月28日 打卡day15
今日学习
今天学到了css中的比较函数，有Clamp(), Max(), 和 Min() 函数。clamp()函数可以控制流体的尺寸和大小，在根据max和min来调整。
展开评论1 - #青训营笔记创作活动#
1月27日 打卡day14
今日学习
今天学到了用css来实现定时器的功能，用hover延时触发功能，长按触发事件，轮播和暂停。总结就是1.:hover配合transition延时、transitionend监听可以实现鼠标经过延时触发效果
2.:active配合transition延时、transitionend监听可以实现长按触发效果
3.CSS 动画设置infinite后配合animationiteration监听可以实现周期性触发效果展开评论1 - #青训营笔记创作活动#
1月26日 打卡day13
今日学习
今天学习到了怎么用前端实现人脸检测，首先创建人脸模型，引入tensorflow训练的人脸特征检测模型，在人脸识别，特征识别，运近识别，张嘴，眨眼，左右摇头等。就可以实现一个简易的人脸识别系统。展开评论1