Skip to content

web-mask-layer浏览器端遮罩层

一个简单、轻量级且可自定义的 Web 遮罩层,提供普通 JavaScript API,支持单例模式、自定义样式和平滑动画。

为什么用它

web-mask-layer 提供一个简单直接的浏览器端遮罩层,用于展示加载状态:

  • 零运行时依赖 — 纯原生 DOM 操作
  • 单例模式,节省内存
  • 可指定任意 DOM 元素或整个页面作为遮罩目标
  • 自定义样式和 CSS 类名,易于主题化
  • 平滑的 CSS 入场/离场动画

运行时说明

  • 这是一个纯浏览器端库,无任何框架依赖。
  • 可以在 Vue、React、Angular 或纯 HTML 等任意浏览器项目中使用。
  • 如果你在 SSR 项目中使用,createLoading() 需要只在客户端调用。

下一步

基于 MIT 协议发布。