之前的工作经历中，一直都是使用 Antd 作为基础组件进行开发，现在我们要自己实现一套管理后台的 UI 组件库，在写到 Tabs 这个组件的时候借鉴了 Antd 的思路，主要用到了 React Context 特性，在此记录下

dumi介绍dumi 打包组件库文档静态站点以及部署官网已经有详细的讲解，这里不多讲了，下面主要讲一下 father 打包组件库并发布到 npm 中所遇到的问题

演示图 演示页面React 版本 codesandbox 演示页面核心思路借鉴自 [链接]基本实现原理参见: 总结实现瀑布流的三种方式使用方式直接cdn引入 {代码...} React 版本 {代码...} 简单粗暴的办法直接拷贝src/index.ts目录下的代码到你的项目中使用，vue、react项目均可，或是直接 esmodule 导入 import Waterfall from "wa...

效果描述：页面上部为直播视频播放器，下半部分是弹幕列表，ui效果类似b站app分享出去的h5直播间，要实现的效果，当弹幕滚动到最底部的时候，新来的的弹幕会自动往上顶，如果向下滑动去看历史弹幕列表新来的弹幕则停止往上顶，然后左下角会出现新消息提示，当点击新消息提示则滚动到最底端新消息提示消失，或者手动滚动...

一直都是用的第三方库的loading组件(ant-design/antd-mobil)，最近一个项目需要用到loading，自己开发了下，总结如下：

代码仓库地址 npm 注册登录 前置条件: 切到对应的npm源 npm logout npm login 依次输入账号、密码、邮箱 npm publish （会提示去npm官网验证邮箱地址） npm 发布时可能遇到的问题 源出错 包名重复 每次发布前要修改package.json的版本号，必须要大于上一次的版本号 npm link 本地调试：为调试带来的频繁发包，可以使用 n...

BulletJs😀一个原生js弹幕库，基于CSS3 Animation版本已更新文档 [链接]演示 [链接]项目地址本项目灵感来源于 rc-bullets演示图2020-08-13更新采用rollup打包并发布到npm，rollup打包教程去除靠IntersectionObserver来对弹道进行调度，采用新的弹道选择算法，增加防重叠检测支持同速/不同速弹幕默认情况下直接丢弃排不上...