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