用户3493817625623
获得徽章 1
- #青训营笔记创作活动#
2月3日 打卡day24
1. Tapable 的源码其实并没有多少代码量，学习它的原理首当其冲的一定是可以让你在日常 Webpack Plugin 开发中更得心应手，解决相关问题更加顺畅。
2.Tapable 的内部以特别巧妙的方式实现了发布订阅模式，这之中会有非常多的知识点：比如懒编译或者叫动态编译，关于类与继承抽象类的面向对象思想以及 this 指向的升华等等
3. Tapable 中各种类型 Hook 的基本用法和运行机制展开评论点赞 - #青训营笔记创作活动#
2月2号 打卡day23
对象允许我们轻松地将多个数据块组合在一起，而Map是ES6之后推出的新的语言补充；
1.Object 只允许键值为字符串和 symbols；Map 支持任何数据类型的键
2.Map 默认是一个可迭代的对象。这说明可以用 for ... of 轻松地迭代一个 Map
3.Map 为各种常见任务提供了专门的API:例如size，get，clear
4."Map 比 Object 快"展开评论点赞 - #青训营笔记创作活动#
2月1号 打卡day22
1.了解MPA和SPA的取舍，对比；
2.Islands 架构：传统的 SSR 应用中，可交互的组件相对于静态组件就犹如整个页面中的孤岛(Island)，因此这种模式叫做 Islands 架构。
3.Islands 实现原理
4.Islands架构的适用性展开评论点赞 - #青训营笔记创作活动#
1月31日 打卡day21
docker的三大核心概念，分别是：镜像 Image、容器 Container、仓库 Repository。
docker的几个组成部分：
docker client: 即 docker 命令行工具
docker host: 宿主机，docker daemon 的运行环境服务器
docker daemon: docker 的守护进程，docker client 通过命令行与 docker daemon 交互
image: 镜像，可以理解为一个容器的模板，通过一个镜像可以创建多个容器
container: 最小型的一个操作系统环境，可以对各种服务以及应用容器化，是镜像的运行实例
registry: 镜像仓库，存储大量镜像，可以从镜像仓库拉取和推送镜像
展开评论点赞 - #青训营笔记创作活动#
1月29日 打卡day20
开发可视化数据大屏如何做自适应是一个难题，通常有三种解决方案：
1.vm vh ： 按照设计稿的尺寸，将px按比例计算转为vw和vh
2.scale：通过 scale 属性，根据屏幕大小，对图表进行整体的等比缩放
3.rem + vm vh：获得 rem 的基准值；动态的计算html根元素的font-size；图表中通过 vm vh 动态计算字体、间距、位移等展开评论点赞 - #青训营笔记创作活动#
1月28日 打卡day19
低代码也是比较热门的一个路领域，腾讯云推出了微搭，阿里云推出了易搭。
原文推荐了20个开源的低代码框架：
Appsmith
LowCodeEngine
Amis
tmagic-editor
dooring-electron-lowcode
vite-vue3-lowcode
shida
quark-h5
gods-pen
luban-h5
剩余的可见原文。展开评论点赞 - #青训营笔记创作活动#
1月27日 打卡day18
有些树状结构需要进行“添加，删除，修改”，可以尝试使用扁平树状结构。
添加：在Map新增一条子项数据，直接放在数据结构末尾即可，然后我们再给对应的父节点的childrenIds中push这个子项的id即可
修改：在Map形式我们拿到想修改的id后就可以直接修改
删除：在Map形式中我们直接delete对应id的项即可，
整个结构扁平化后的解构很清晰，可以轻易的对数据进行处理，极大的提高性能，减去需要遍历的性能消耗；展开评论点赞 - #青训营笔记创作活动#
1月26日 打卡day17
填充数据：
1.保证卡片是3的倍数。
2.填充卡片类型
点击交互：
1.是否可以点击
2.点击卡片
展开评论点赞 - #青训营笔记创作活动#
1月25日 打卡day16
pnpm是近几年非常出色的包管理器，由 npm/yarn 衍生而来，而解决了 npm/yarn 内部潜在的 bug，他的优越性主要体现在包安装速度极快；磁盘空间利用非常高效。pnpm 内部使用基于内容寻址的文件系统来存储磁盘上所有的文件；不会重复安装同一个包；支持 monorepo展开评论点赞 - #青训营笔记创作活动#
大多数人跳是前端代码会使用console.log。但实际上除了log，console还有许多使用的api可以供调试使用：warn，error和time以及.timeEnd，.assert，.dir，.table，
还有直接断点：breakpoint展开评论点赞