JS IIFE 立即调用函数表达式

这篇文章介绍了IIFE(立即调用函数表达式)在Web开发中的应用及其重要性。IIFE是一种常见的JavaScript设计模式,能够创建独立作用域以避免全局变量冲突、保护数据隐私以及执行一次性初始化代码。文章详细说明了IIFE的基本语法、带参数的用法、应用场景,包括避免全局变量污染、创建私有作用域及初始化代码等,并通过示例展示了其在模块化开发中的优势。此外,还提到了ES6中let/const块级作用域以及箭头函数作为IIFE的替代方案,但指出IIFE在特定场景下仍具独特价值。


图片加载组件

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