如何将Vue封装的弹幕组件改写为长尾关键词？

本文共计1481个文字，预计阅读时间需要6分钟。

目录+前言+功能实现

1.获取随机颜色+随机数生成+随机颜色编码生成

2.随机生成弹窗出现的度坐标

3.格式化弹窗对象+颜色+定位

4.创建弹窗对象+滚动动画定义+创建弹窗DOM实例

目录

• 前言
• 功能实现
• 1、获取随机颜色
• 随机数生成
• 随机颜色编码生成
• 2、随机生成弹幕出现的高度坐标
• 3、格式化弹幕对象
• 颜色
• 定位
• 4、创建弹幕对象
• 滚动动画定义
• 创建弹幕dom对象实例
• 弹幕销毁
• 弹幕循环
• 5、实时弹幕发送
• html
• JavaScript
• 源码地址

前言

现在很多地方都有使用到弹幕，最近在捣鼓自己的个人博客网站，也想着在里面加入一个弹幕模块，所以在这里封装了一个可复用的弹幕组件，目前已经实现了基本的功能，可能还会有存在缺陷，后续会继续优化。