秦月汉关
获得徽章 1
赞了这篇文章
#青训营笔记创作活动#
2月7日 打卡day29
在 node 支持 ES 模块后，要求 ES 模块采用 .mjs 后缀文件名。只要遇到 .mjs 文件，就认为它是 ES 模块。如果不想修改文件后缀，就可以在 package.json文件中，指定 type 字段为 module。
2月7日 打卡day29
在 node 支持 ES 模块后，要求 ES 模块采用 .mjs 后缀文件名。只要遇到 .mjs 文件，就认为它是 ES 模块。如果不想修改文件后缀，就可以在 package.json文件中，指定 type 字段为 module。
展开
评论
点赞
#青训营笔记创作活动#
2月6日 打卡day28
Tapable是一个类似于 Node.js 中的 EventEmitter 的库，但它更专注于自定义事件的触发和处理。通过 Tapable 我们可以注册自定义事件，然后在适当的时机去执行自定义事件。
2月6日 打卡day28
Tapable是一个类似于 Node.js 中的 EventEmitter 的库，但它更专注于自定义事件的触发和处理。通过 Tapable 我们可以注册自定义事件，然后在适当的时机去执行自定义事件。
展开
评论
点赞
#青训营笔记创作活动#
2月5日 打卡day27
在 JavaScript 中，对象是很方便的。它们允许我们轻松地将多个数据块组合在一起。 在ES6之后，又出了一个新的语言补充-- Map。在很多方面，它看起来像是一个功能更强的对象，但接口却有些笨拙。
2月5日 打卡day27
在 JavaScript 中，对象是很方便的。它们允许我们轻松地将多个数据块组合在一起。 在ES6之后，又出了一个新的语言补充-- Map。在很多方面，它看起来像是一个功能更强的对象，但接口却有些笨拙。
展开
评论
点赞
#青训营笔记创作活动#
2月4日 打卡day26
在 MPA 中，服务器将响应完整的 HTML 页面给浏览器，但是 SPA 需要先请求客户端的 JS Bundle 然后执行 JS 以渲染页面。因此，MPA 中的页面的首屏加载性能比 SPA 更好。
2月4日 打卡day26
在 MPA 中，服务器将响应完整的 HTML 页面给浏览器，但是 SPA 需要先请求客户端的 JS Bundle 然后执行 JS 以渲染页面。因此，MPA 中的页面的首屏加载性能比 SPA 更好。
展开
评论
点赞
#青训营笔记创作活动#
2月3日 打卡day25
docker 使应用部署更加轻量，可移植，可扩展，更好的环境隔离也更大程度地避免了生产环境与测试环境不一致的巨大尴尬。
2月3日 打卡day25
docker 使应用部署更加轻量，可移植，可扩展，更好的环境隔离也更大程度地避免了生产环境与测试环境不一致的巨大尴尬。
评论
点赞
#青训营笔记创作活动#
2月2日 打卡day24
echarts 的字体大小只支持具体数值（像素），不能用百分比或者 vw 等尺寸，一般字体不会去做自适应，当宽高比跟 ui 稿比例出入太大时，会出现文字跟图表重叠的情况
2月2日 打卡day24
echarts 的字体大小只支持具体数值（像素），不能用百分比或者 vw 等尺寸，一般字体不会去做自适应，当宽高比跟 ui 稿比例出入太大时，会出现文字跟图表重叠的情况
评论
点赞
#青训营笔记创作活动#
2月1日 打卡day23
Appsmith 是一款开源低代码框架，主要用于构建管理面板、内部工具和仪表板等，允许拖放 UI 组件来构建页面，通过连接到任何 API、数据库或 GraphQL 源，并使用 JavaScript 语言编写逻辑，可以在短时间内创建内部应用程序。
2月1日 打卡day23
Appsmith 是一款开源低代码框架，主要用于构建管理面板、内部工具和仪表板等，允许拖放 UI 组件来构建页面，通过连接到任何 API、数据库或 GraphQL 源，并使用 JavaScript 语言编写逻辑，可以在短时间内创建内部应用程序。
展开
评论
点赞
#青训营笔记创作活动#
1月31日 打卡day22
在数组对象形式中我们需要给一个父节点添加一个子节点我们首先需要拿到这个父节点的key，然后对整个数组结构进行遍历查找来找到对应的item拎出来push进他的children中,然后需要重新构造一个新的数组对象。
1月31日 打卡day22
在数组对象形式中我们需要给一个父节点添加一个子节点我们首先需要拿到这个父节点的key，然后对整个数组结构进行遍历查找来找到对应的item拎出来push进他的children中,然后需要重新构造一个新的数组对象。
展开
评论
点赞
#青训营笔记创作活动#
1月30日 打卡day21
pnpm 与 npm/yarn 另外一个很大的不同就是支持了 monorepo，体现在各个子命令的功能上，比如在根目录下 pnpm add A -r, 那么所有的 package 中都会被添加 A 这个依赖，当然也支持 --filter字段来对 package 进行过滤。
1月30日 打卡day21
pnpm 与 npm/yarn 另外一个很大的不同就是支持了 monorepo，体现在各个子命令的功能上，比如在根目录下 pnpm add A -r, 那么所有的 package 中都会被添加 A 这个依赖，当然也支持 --filter字段来对 package 进行过滤。
展开
评论
点赞
#青训营笔记创作活动#
1月29日 打卡day20
pendingList 遍历。如果 pendingList 中存在 3 张相同的卡片，则消除这 3 张卡片。如果不存在，且pendingList 中卡片数为 7，游戏结束 。本局失败。如果 cardList 中的卡片数量为 0，游戏结束。本局成功
1月29日 打卡day20
pendingList 遍历。如果 pendingList 中存在 3 张相同的卡片，则消除这 3 张卡片。如果不存在，且pendingList 中卡片数为 7，游戏结束 。本局失败。如果 cardList 中的卡片数量为 0，游戏结束。本局成功
展开
评论
点赞
#青训营笔记创作活动#
1月28日 打卡day19
对于DOM节点的打印输出，如果采用console.log，会以标签的形式输出，和直接查看没有太大的差异，有时我们可能想要查看DOM的相关事件和属性，可以采用console.dir，输出DOM节点对应的js对象映射。
1月28日 打卡day19
对于DOM节点的打印输出，如果采用console.log，会以标签的形式输出，和直接查看没有太大的差异，有时我们可能想要查看DOM的相关事件和属性，可以采用console.dir，输出DOM节点对应的js对象映射。
展开
评论
点赞
#青训营笔记创作活动#
1月27日 打卡day18
clamp() 函数的作用是把一个值限制在一个上限和下限之间，当这个值超过最小值和最大值的范围时，在最小值和最大值之间选择一个值使用。它接收三个参数：最小值、首选值、最大值。
1月27日 打卡day18
clamp() 函数的作用是把一个值限制在一个上限和下限之间，当这个值超过最小值和最大值的范围时，在最小值和最大值之间选择一个值使用。它接收三个参数：最小值、首选值、最大值。
评论
点赞
#青训营笔记创作活动#
1月26日 打卡day17
hover配合transition延时、transitionend监听可以实现鼠标经过延时触发效果。active配合transition延时、transitionend监听可以实现长按触发效果。CSS 动画设置infinite后配合animationiteration监听可以实现周期性触发效果。可以直接通过:hover来控制台动画的暂停和播放。
1月26日 打卡day17
hover配合transition延时、transitionend监听可以实现鼠标经过延时触发效果。active配合transition延时、transitionend监听可以实现长按触发效果。CSS 动画设置infinite后配合animationiteration监听可以实现周期性触发效果。可以直接通过:hover来控制台动画的暂停和播放。
展开
评论
点赞