皮卡丘丘呀
获得徽章 1
![[不失礼貌的微笑]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_16.9d17f6d.png)
pdf文件渲染后如果不能调整大小会因为源文件的大小和文件内容，出现模糊的问题,所以进行缩放渲染是有必要的，在这个文件中，目前只支持docx和pdf的预览，如果出现了不支持的文件，需要增加一个提示处理，告知用户 例如如下的文件提示
评论
点赞
抽象语法树（Abstract Syntax Tree，AST）是源代码语法结构的一种抽象表示，它以树状的形式表现编程语言的语法结构，树上的每个节点都表示源代码中的一种结构。在代码语法的检查、代码风格的检查、代码的格式化、代码的高亮、代码错误提示、代码自动补全等等场景均有广泛的应用。
评论
点赞
把主应用的 window 对象做浅拷贝，将 window 的键值对存成一个 Hash Map。之后无论微应用对 window 做任何改动，当要在恢复环境时，把这个 Hash Map 又应用到 window 上就可以了。
评论
点赞
项目在进行 npm 发布时，可以通过 files 指定需要跟随一起发布的内容来控制 npm 包的大小，避免安装时间太长。
发布时默认会包括 package.json，license，README 和main 字段里指定的文件。忽略 node_modules，lockfile 等文件。
在此基础上，我们可以指定更多需要一起发布的内容。可以是单独的文件，整个文件夹，或者使用通配符匹配到的文件。
发布时默认会包括 package.json，license，README 和main 字段里指定的文件。忽略 node_modules，lockfile 等文件。
在此基础上，我们可以指定更多需要一起发布的内容。可以是单独的文件，整个文件夹，或者使用通配符匹配到的文件。
展开
评论
点赞
Tapable是一个类似于 Node.js 中的 EventEmitter 的库，但它更专注于自定义事件的触发和处理。通过 Tapable 我们可以注册自定义事件，然后在适当的时机去执行自定义事件。
评论
点赞
在 Hash Map 中使用对象最明显的缺点是，对象只允许键是字符串和 symbol。任何其他类型的键都会通过 toString 方法被隐含地转换为字符串。
评论
点赞
MPA(Multi-page application) 即多页应用，是从服务器加载多个 HTML 页面的应用程序。每个页面都彼此独立，有自己的 URL。当单击 a 标签链接导航到另一个页面时，浏览器将向服务器发送请求并加载新页面。例如，传统的模板技术如JSP、Python、Django、PHP、Laravel 等都是基于 MPA 的框架，包括目前比较火的 Astro 也是采用的MPA方案
展开
评论
点赞
docker client: 即 docker 命令行工具
docker host: 宿主机，docker daemon 的运行环境服务器
docker daemon: docker 的守护进程，docker client 通过命令行与 docker daemon 交互
image: 镜像，可以理解为一个容器的模板，通过一个镜像可以创建多个容器
container: 最小型的一个操作系统环境，可以对各种服务以及应用容器化，是镜像的运行实例
registry: 镜像仓库，存储大量镜像，可以从镜像仓库拉取和推送镜像
docker host: 宿主机，docker daemon 的运行环境服务器
docker daemon: docker 的守护进程，docker client 通过命令行与 docker daemon 交互
image: 镜像，可以理解为一个容器的模板，通过一个镜像可以创建多个容器
container: 最小型的一个操作系统环境，可以对各种服务以及应用容器化，是镜像的运行实例
registry: 镜像仓库，存储大量镜像，可以从镜像仓库拉取和推送镜像
展开
评论
点赞
屏幕变化后，图表自动调整
这种使用方式有个弊端，就是屏幕尺寸发生变化后，需要手动刷新一下才能完成自适应调整
为了解决这个问题，你需要在各个图表中监听页面尺寸变化，重新调整图表，在 vue 项目中，也可以借助element-resize-detector，最好封装个 resize 的指令，在各图表中就只要使用该指令就可以了，毕竟作为程序员，能偷懒就偷懒
这种使用方式有个弊端，就是屏幕尺寸发生变化后，需要手动刷新一下才能完成自适应调整
为了解决这个问题，你需要在各个图表中监听页面尺寸变化，重新调整图表，在 vue 项目中，也可以借助element-resize-detector，最好封装个 resize 的指令，在各图表中就只要使用该指令就可以了，毕竟作为程序员，能偷懒就偷懒
展开
评论
点赞
Appsmith 是一款开源低代码框架，主要用于构建管理面板、内部工具和仪表板等，允许拖放 UI 组件来构建页面，通过连接到任何 API、数据库或 GraphQL 源，并使用 JavaScript 语言编写逻辑，可以在短时间内创建内部应用程序。
评论
2
父节点
在第一种结构中其实没有专门的根节点，在最外层的数组中每一项都是第一层级的父节点。
而在第二种结构中一般都会有一个item专门来表示根节点，就比如这个对象第一行id为root的item。
子节点
在第一种结构中我们的子节点都是在父节点的children数组下的每一项，而每一项还会有各自的子节点存在于对应的children中。
而在第二种结构中每一项都可以当成是子节点，他们各自都拥有一个parentId，而根节点的parentId为空代表它没有父节点，他们的各自的childrenIds存储了他们各自item的子节点id。
在第一种结构中其实没有专门的根节点，在最外层的数组中每一项都是第一层级的父节点。
而在第二种结构中一般都会有一个item专门来表示根节点，就比如这个对象第一行id为root的item。
子节点
在第一种结构中我们的子节点都是在父节点的children数组下的每一项，而每一项还会有各自的子节点存在于对应的children中。
而在第二种结构中每一项都可以当成是子节点，他们各自都拥有一个parentId，而根节点的parentId为空代表它没有父节点，他们的各自的childrenIds存储了他们各自item的子节点id。
展开
评论
1
pnpm 内部使用基于内容寻址的文件系统来存储磁盘上所有的文件，这个文件系统出色的地方在于:
不会重复安装同一个包。用 npm/yarn 的时候，如果 100 个项目都依赖 lodash，那么 lodash 很可能就被安装了 100 次，磁盘中就有 100 个地方写入了这部分代码。但在使用 pnpm 只会安装一次，磁盘中只有一个地方写入，后面再次使用都会直接使用 hardlink(硬链接，不清楚的同学详见这篇文章)。
即使一个包的不同版本，pnpm 也会极大程度地复用之前版本的代码。举个例子，比如 lodash 有 100 个文件，更新版本之后多了一个文件，那么磁盘当中并不会重新写入 101 个文件，而是保留原来的 100 个文件的 hardlink，仅仅写入那一个新增的文件。
不会重复安装同一个包。用 npm/yarn 的时候，如果 100 个项目都依赖 lodash，那么 lodash 很可能就被安装了 100 次，磁盘中就有 100 个地方写入了这部分代码。但在使用 pnpm 只会安装一次，磁盘中只有一个地方写入，后面再次使用都会直接使用 hardlink(硬链接，不清楚的同学详见这篇文章)。
即使一个包的不同版本，pnpm 也会极大程度地复用之前版本的代码。举个例子，比如 lodash 有 100 个文件，更新版本之后多了一个文件，那么磁盘当中并不会重新写入 101 个文件，而是保留原来的 100 个文件的 hardlink，仅仅写入那一个新增的文件。
展开
评论
点赞
把点击到的卡片实例 push 到暂存数组 pendingList 中
把卡片实例从 cardMap、cardList 中去除
pendingList 遍历
如果 pendingList 中存在 3 张相同的卡片，则消除这 3 张卡片
如果不存在，且pendingList 中卡片数为 7，游戏结束 。本局失败
如果 cardList 中的卡片数量为 0，游戏结束。本局成功
把卡片实例从 cardMap、cardList 中去除
pendingList 遍历
如果 pendingList 中存在 3 张相同的卡片，则消除这 3 张卡片
如果不存在，且pendingList 中卡片数为 7，游戏结束 。本局失败
如果 cardList 中的卡片数量为 0，游戏结束。本局成功
展开
评论
点赞