用户7232911531927
获得徽章 1
- #青训营笔记创作活动#
2月7日 Day26
今日学习：
SPA(Single-page application) 即单页应用，它只有一个不包含具体页面内容的 HTML，当浏览器拿到这份 HTML 之后，会请求页面所需的 JavaScript 代码，通过执行 JavaScript 代码完成 DOM 树的构建和 DOM 的事件绑定，从而让页面可以交互。
MPA(Multi-page application) 即多页应用，是从服务器加载多个 HTML 页面的应用程序。每个页面都彼此独立，有自己的 URL。当单击 a 标签链接导航到另一个页面时，浏览器将向服务器发送请求并加载新页面。展开评论点赞 - #青训营笔记创作活动#
1月22日 Day25
今日学习：
docker client: 即 docker 命令行工具
docker host: 宿主机，docker daemon 的运行环境服务器
docker daemon: docker 的守护进程，docker client 通过命令行与 docker daemon 交互
image: 镜像，可以理解为一个容器的模板，通过一个镜像可以创建多个容器
container: 最小型的一个操作系统环境，可以对各种服务以及应用容器化，是镜像的运行实例
registry: 镜像仓库，存储大量镜像，可以从镜像仓库拉取和推送镜像
Docker 技术的三大核心概念，分别是：镜像 Image、容器 Container、仓库 Repository。展开评论点赞 - #青训营笔记创作活动#
1月18日 Day24
今日学习：
v-scale-screen是使用 css 属性 transform 实现缩放效果的一个大屏自适应组件，通过 scale 进行等比例计算，达到等比例缩放的效果，同时也支持铺满全屏，宽度等比，高度等比，等自适应方案,具体可查大屏自适应终极解决方案展开评论点赞 - #青训营笔记创作活动#
1月15日 Day23
今日学习：
Appsmith 是一款开源低代码框架，主要用于构建管理面板、内部工具和仪表板等，允许拖放 UI 组件来构建页面，通过连接到任何 API、数据库或 GraphQL 源，并使用 JavaScript 语言编写逻辑，可以在短时间内创建内部应用程序。展开评论点赞 - #青训营笔记创作活动#
1月13日 Day22
今日学习：
父节点
在第一种结构中其实没有专门的根节点，在最外层的数组中每一项都是第一层级的父节点。
而在第二种结构中一般都会有一个item专门来表示根节点，就比如这个对象第一行id为root的item。
子节点
在第一种结构中我们的子节点都是在父节点的children数组下的每一项，而每一项还会有各自的子节点存在于对应的children中。
而在第二种结构中每一项都可以当成是子节点，他们各自都拥有一个parentId，而根节点的parentId为空代表它没有父节点，他们的各自的childrenIds存储了他们各自item的子节点id。展开评论点赞 - #青训营笔记创作活动#
1月12日 Day21
今日学习：
pnpm 本质上就是一个包管理器，这一点跟 npm/yarn 没有区别，但它作为杀手锏的两个优势在于:
1.包安装速度极快；
2.磁盘空间利用非常高效。
npm/yarn install 原理
主要分为两个部分, 首先，执行 npm/yarn install之后，包如何到达项目 node_modules 当中。其次， node_modules 内部如何管理依赖。
执行命令后，首先会构建依赖树，然后针对每个节点下的包，会经历下面四个步骤:
1.将依赖包的版本区间解析为某个具体的版本号
2.下载对应版本依赖的 tar 包到本地离线镜像
3.将依赖从离线镜像解压到本地缓存
4.将依赖从缓存拷贝到当前目录的 node_modules 目录展开评论点赞 - #青训营笔记创作活动#
1月10日 Day20
今日学习：
整改游戏的核心逻辑是 pending 区域存在 3 个同样图案的卡片时会消除。所以我们有两个关键点要注意：
1. 保证卡片是 3 的倍数
2. 填充卡片类型展开评论点赞 - #青训营笔记创作活动#
1月6日 Day19
今日学习：
当你想对DOM节点发生变化时进行断点，请使用 DOM 更改断点，最终还是会断点到触发dom操作的相应js上，但是更加高效。设置 DOM 断点：
单击Elements选项卡
找到要设置断点的元素
右键单击该元素
将鼠标悬停在Break on，然后选择Subtree modifications、Attributes modifications或Node removal展开评论点赞 - #青训营笔记创作活动#
1月4日 Day18
今日学习：
clamp() 函数的作用是把一个值限制在一个上限和下限之间，当这个值超过最小值和最大值的范围时，在最小值和最大值之间选择一个值使用。它接收三个参数：最小值、首选值、最大值。展开评论点赞 - #青训营笔记创作活动#
1月3日 Day17
今日学习：
1.:hover配合transition延时、transitionend监听可以实现鼠标经过延时触发效果
2.:active配合transition延时、transitionend监听可以实现长按触发效果
3.CSS 动画设置infinite后配合animationiteration监听可以实现周期性触发效果
4.可以直接通过:hover来控制台动画的暂停和播放
展开评论点赞