喜欢做一些demo，和分享遇到的 BUG

H5页面多个视频如何保证每次只播放一个？

在 iOS 客户端中，通过 WebView 打开 H5 页面时，如果页面中包含视频或音频内容，WebView 默认情况下会继续在后台播放这些媒体。**即使用户切换到了其他应用，媒体也不会停止播放**，这可能导致以下几个问题：

但是有个需要注意的是，你吧线改变了两端，虽然创建线的时候的两头节点看不到，但是本质存在会影响画其他节点。所以我连接线创建的两个虚拟节点类型是不同的。这样遍历画布上的节点就可以找到多余的两个点，删掉。创建一个线的dom节点，监听鼠标的移动和放下，使线跟随鼠标移动。在画布区域松开鼠标后，创建两个很小的节点并连接起来。产品又有更近的想法了，bpmn-js的连接线你用的时候是看不到的，也就是你从左侧点击连接线的没有线随鼠标移动.这样就是一个假象，一根线放在画布上，可以改变连接线的两端。

业务需求是点击全屏按钮后，实现表格全屏，那么就是隐藏其他模块，为了可以看到更多的数据。利用window的自带API。

Echarts饼状图实现自定义legend

Echart开发柱状图，x轴的显示，y轴的显示效果处理

【代码】vscode 配置 eslint 保存代码自动格式化。

树形结构的单选和多选操作

项目的table表做的树形数据展示，但是又需要支持多选操作，发现elemen-ui的多选，只选中父级，不包括 children。点击父级的时候判定有没有孩子，有的话遍历选中孩子，并且要给已选值变量进行添加，取消的时候还要从已选值中删除。

当表格列表的数据涉及到排序或者优先级时，这个功能就很关键了，直接拖拽交换顺序比上下点击移动更友好。关键的是引入npm install --save sortablejs。

1. 图片懒加载——当图片滚动到可见时才进行加载2. 内容无限滚动——也就是用户滚动到接近内容底部时直接加载更多，而无需用户操作翻页，给用户一种网页可以无限滚动的错觉3. 检测广告的曝光情况——为了计算广告收益，需要知道广告元素的曝光情况4. 在用户看见某个区域时执行任务或播放动画.....................

CKEditor富文本组件上传图片、粘贴截图即可触发图片上传。

利用input输入自带的方法paste。根据文件类型来判定是不是图片，如果是图片就把文件上传到后端。需求背景是用户粘贴截图或者复制的图片后，需要自动上传文件后端。创建完成后，我们就可以在项目中开始实现粘贴图片自动上传的功能。从 paste 事件中提取图片数据。将提取的图片上传到服务器。捕获 paste 事件。

Tab选项卡动画切换

用于预约时间的选择器，显示被占用的时间，支持多选、单选、选择一个时间段

背景产品经理今天的需求里有一点是：表格里面需要加入输入框，对表格数据的某一个属性进行编辑，一开始我是使用el-table，在里面直接加入el-input，但过程种发现了问题，输入框输入值没有反应，并没有双向绑定到属性上；# 问题讲解##### 尝试但是失败了的写法是: <el-table :data="batchRowsDatas"> <el-table-column prop="bid_edit" label="价格" width="320" ali

Attribute参数说明类型可选值默认值isModal是否需要遮罩层Booleantrue / falsetrueguideStyle引导框的位置绝对定位Stringtop: 70px; left: -193px;top: 62px; right: 4px;title指引标题Stringcontent指引内容StringlineStyle引导线的位置绝对定位Stringtop: -15px;left: 40px;.

背景：最近项目做一个弹窗，里面涉及表格的选择，因为有表格出现分页，所以需要记住上一页的选择，当有默认值的时候，再次打开弹窗需要复现选择。难点：当用户选择操作后，点击取消关闭弹窗，此时再次打开没有清空上一次弹窗的选择；当采用el-table自带的this.$refs.multipleTable.clearSelection()去清空上一次弹窗的选择时，会清空已选中存在的值。解决方案：（1） 首先el-table如何实现表格多选? <el-table :data="listDa.

一、折线图和柱状图 xAxis: { axisLine:{ // 是否显示坐标线 show:false, }, splitLine:{ show:false }, // 横线分割线 axisLabel: { textStyle: {

因为html5+是要在app环境下运行,所以先创建一个5+项目我是觉得一个页面想要扫码识别后拿到数据不是很方便就创建了两个vue来进行测试，也可以在一个页面进行index.vue<template> <view class="content"> <view>二维码数据是：{{result}}</view> <button class="btn" type="primary" @tap="open">打开扫码</..

核心代码部分template 模块<view> <view class="back"> <image class="back_img" src="https://636f-cold-452cb-1302899859.tcb.qcloud.la/back.jpg?sign=ddb32c9a09a0b05e57629325f80952d1&t=1607398831" mode="aspectFill"></image> &lt.

最近公司接了一个项目，关于做数据的大屏展示的，在此记录一下一些效果实现遇到的问题和怎么解决的第一部分右下角的饼图模块，当其中的标签长度过长的时候，可以采用分页显示legend: { textStyle: { fontWeight: 'normal', color: '#fff', fontSize: fontSize(0.14) }, type: 'scroll', // scroll开启分页

页面路由跳转传递参数方式：注意query里面的不要写对象，写具体的参数，不然传过去下一个页面后，参数刷新就会变成[object,object]。具体的参数的值先用JSON.stringify转，再接受的时候转回来。用JSON.parse把获取到的参数转。这样刷新就不会丢失了。...

第一步axios({ method: 'get', url, responseType: 'arraybuffer' // 最为关键 }) .then(function (response) { that.src = 'data:image/jpeg;base64,' + that.arrayBufferToBase64(response.data) })arrayBufferToBase6