bilibili自动弹幕简单代码,简单改进

var event = document.createEvent(‘Event’);
event.initEvent(‘input’, true, true);

function fun123(){
let text=[“a”,“b”,“c”,“d”,“e”]
let num=Math.floor( Math.random()*(5-1+1)+1)
$(’.chat-input.border-box’).val(text[num]);
$(’.chat-input.border-box’)[0].dispatchEvent(event);
$(’.bl-button.live-skin-highlight-button-bg.bl-button–primary.bl-button–small’).click();
}
setInterval(“fun123()”,“5000”);

直接打开控制台黏贴回车运行即可,时间和内容根据自己需求修改,这里是五秒,不建议太快,会被拦截

### 配置 `postcss-pxtorem` 插件 为了在 Vite 项目中配置 `postcss-pxtorem` 来实现 px 到 rem 的转换,需遵循特定步骤来安装依赖并调整配置文件。 #### 安装必要的包 首先,在命令行工具里执行如下 npm 或 yarn 命令以安装所需的软件包: ```bash npm install postcss-pxtorem --save-dev ``` 或者使用 Yarn: ```bash yarn add postcss-pxtorem --dev ``` 这会下载 `postcss-pxtorem` 及其相关依赖项至开发环境之中[^1]。 #### 创建或修改 PostCSS 配置文件 接着创建名为 `postcss.config.js` 文件于项目的根目录下,并加入以下内容用于定义 PostCSS 处理器及其选项设置: ```javascript module.exports = { plugins: [ require('autoprefixer'), require('postcss-pxtorem')({ rootValue: 37.5, // 设计稿宽度 / 10 ,可根据实际情况调整 propList: ['*'], // 表示将所有的属性都进行处理,默认只处理部分属性 selectorBlackList: ['.ignore', '.hairlines'], // 忽略的选择器前缀 minPixelValue: 2 // 设置最小的转换数值,如果为 1 的话,将不会被转换 }) ] }; ``` 上述代码片段展示了如何通过指定参数来自定义插件行为,比如设定基础字体大小 (`rootValue`) 和哪些 CSS 属性应该参与单位替换(`propList`)等[^2]。 #### 更新 Vite 配置 对于基于 Vue CLI 构建的应用程序来说,通常还需要编辑 vite.config.ts (TypeScript) 或者 vite.config.js (JavaScript),确保它能够识别新的 PostCSS 规则。不过由于 Vite 默认支持 PostCSS 并自动加载位于项目根部的 `.postcssrc`, `postcss.config.js` 等形式的配置文件,因此大多数情况下无需额外更改 Vite 自身的配置即可生效[^3]。 完成以上操作之后重启开发服务器使新配置生效,则所有符合规则条件下的样式表中的 px 单位将会按照给定逻辑转化为相对应的 rem 单位。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值