图片加载组件

文章展示了一个使用HTML和JavaScript实现的图片加载组件。通过自定义元素`<image-loader>`,组件能够根据传入的图片URL列表动态加载图片,并在加载过程中显示占位图。组件还处理了图片加载成功和失败的情况,并应用了样式以确保图片的显示效果。虽然该组件在编辑器中不会加载图片以加快编辑速度,但无法预览图片且不支持放大功能。


NVM-node版本管理器

在帮助同学解决前端依赖拉取失败问题时,发现原因是证书过期。尝试更换镜像源和忽略SSL验证错误均未成功,最终决定卸载Node 18.0.0并安装NVM(Node Version Manager)。安装NVM后,成功下载并管理不同版本的Node,配置了淘宝镜像源以加速依赖下载。NVM的使用包括安装、查看、切换和卸载Node版本,解决了依赖拉取问题。


仪表盘

这段代码展示了一个基于Vue和ECharts的仪表盘组件,用于展示博客的相关统计数据,包括访问量、文章量、用户量、留言量等,并通过ECharts生成了访问量排行、分类统计和标签云等图表。


留言板

该文章展示了一个使用 Vue3、vue3-danmaku 和 TypeScript 实现的留言板功能。页面包含弹幕输入框和弹幕列表,用户可以输入留言并发送,留言将以弹幕形式显示。代码中还包括鼠标点击效果和移动端判断逻辑。