dujyong的博客

获取到富文本信息：用正则表达式定位要修改的部分，替换要修改成的文本内容。var richtext= res.data.data.richtext;const regex = new RegExp('<img', 'gi');richtext= richtext.replace(regex, `<img style="max-width: 100%;"`);this.content = richtext;将替换后的内容放到html显示。转载于 原博客...

将页面定位到距顶部的指定位置项目中遇到的需求,具体可以用来实现 聊天室发送消息后使最后发的消息展示在页面上等, 方法亲测有效在想要定位的位置添加一个空的div盒子,给一个绝对定定位,父级盒子记得子绝父相,然后给一个id做标识<div style="position:absolute" id="onbottom"></div>然后在需要定位的时候调用document.getElementById("createdTest").scrollIntoView();完

H5页面视频播放后video标签层级变为最高遮盖其他元素Android微信内置浏览器是X5内核,X5内核中默认了video的层级是最高级别,H5页面播放完视频后,video标签的层级会变成最高,遮盖其他所有元素解决:添加 x5-video-player-type='h5-page'属性就行<video x5-video-player-type='h5-page' :src="item"></video>问题解决!...

阿里云文件上传封装// oss上传import OSS from 'ali-oss'import md5 from 'js-md5'import {Toast} from 'vant';const clientOss = new OSS({ region: 'oss-cn-beijing', endpoint: 'https://xxxx.xxxxxxxxxxxxxx....

H5 video标签封面使用视频的第一帧作为video标签的封面**<video src="地址" poster="地址+ '?x-oss-process=video/snapshot,t_1000,f_jpg,w_800,h_600,m_fast'"></video>ok...

Duplicate keys detected: ‘0’. This may cause an update err这个报错是因为同级for循环:key值重复导致的,给他们其中一个的key赋个不同的值区分一下就好了

如何判断页面滑到了屏幕最底部项目中经常会遇到列表页，为了保证用户体验，我们都会用到上拉加载的技术，保持用户体验，如何判断页面滑到了屏幕最底部是较为关键的一步：具体实现：mounted 中监听：mounted () { window.addEventListener('scroll', this.scroll, false) // 监听（绑定）滚轮滚动事件 },methods中...

打包报错: CSS minification error: Cannot divide by “rem”, number expected.是因为文件写css时出错:直接计算后写上即可:问题解决

vant中list组件使用html:<van-list v-model="loading" // 是否显示正在加载状态 :finished="finished" // 是否已经加载完成 finished-text="没有更多了" // 加载完成提示文案 @load="onLoad" ...

我们可以使用H5中的input标签来调用原生摄像头,录音及文件管理1. 调用相机拍照:<input type="file" accept="image/*" capture="camera" @change="add($event)">2. 调用相机录视频:<input type="file" accept="video/*" capture="camcorder" @...