ma_luping的博客

原创 聊天语音转写的文字记录显示框内，聊天语句随聊天音频播放而滚动，定位并高亮显示

具体实现如下图：

原创 声网Agora web-RTC监听订阅对端音视频轨无效

声网web-RTC与对端都在频道内后，web本端如何都无法订阅到对端（Linux服务端）的音视频轨道，具体代码如下：1、加入RTC并监听频道内用户的发布和取消发布async function joinRTC() { clienRTC.on("user-published", handleUserPublished); clienRTC.on("user-unpublished", handleUserUnpublished); try { [options.destRt

原创 纯原生JS操作table，根据某列数据进行升序或降序重新排列table表格

HTML代码： <table border="1" style="width:300px" align="center"> <thead> <th>姓名</th> <th>性别</th> <th>日期</th> </thead> <tbody class="cont.

原创 ios移动端使用new Date()函数，总是NaN

最开始的时间格式是一个类似于这样的2020-09-07 24:00:00，然后使用new Date()，如下let sign_up_end_time = `2020-09-07 24:00:00`;let deadTime = new Date(sign_up_end_time); //得到的值是NaN发布到移动端后，iPhone上测试了deadTime是NaN，安卓上正常获取时间，网上查了查，说iOS不识别2020-09-07包含的【-】，所以就又转换为2020/09/07 24:00:00

原创 scss中使用calc函数，包含变量的函数使用

移动端项目，做rem适应，任何元素的高宽边距等都使用这个函数返回的变量；@function px2em($px, $base-font-size: 75px) { @if (unitless($px)) { @warn "Assuming #{$px} to be in pixels, attempting to convert it into pixels for you"; @return px2em($px + 0px); // That may fail

原创 elementUI的table组件的封装，组件内包括表格、分页内容；表格包括对特殊列的渲染及操作列的渲染

1、封装的table组件<template> <section> <Card style="margin-top: 5px;"> <Table :ref="refs" stripe :loading="loaDing" :data="tableData" size="small" :height="tableHeight" :

原创 elementUI与iview的table表格翻页后 滚动条置顶 / 回到第一行

封装的表格，最开始在网上找了答案，以我的这个表格设置成下面这样，试了没用this.$refs.questionStorageitable.bodyWrapper.scrollTop =0;最后试了下原生的这么设置才起作用let overflowY = this.$el.getElementsByClassName("el-table__body-wrapper")[0]; if (!overflowY) { return; }overflowY.scrollTop...

原创 vue根据后台返回来的数据渲染不同的表格，最后用到了vue的过滤器

页面显示，一个类型一个表格，类型是统一一个数组遍历出来HTML代码如下：typeList是类型数组，然后根据每一项元素去总的abnormaldata数组筛选符合当前类型的数据JS代码如下：最难做的是一直不知道怎么把typeList的item传下去，而且filters里面又要拿到abnormaldata数组做比对筛选，直接写this.abnormaldata会报错undefined，后来才发现这样写...

原创 从一个数组里删除另一个数组与它相同的元素，简单说就是为了合并而踢重