- 博客(25)
- 收藏
- 关注
RSS订阅原创 h5项目自定义video视频播放组件，可实现拖动进度
项目要求不用video播放的自带controls样式，要根据高保真来可以点击整个屏幕实现暂停或播放操作代码实现结果：附上代码：视频播放组件：<template> <div class="video-play-page"> <video v-if="Object.keys(videoDetail).length" ref="videoPlayer" id="videoElement" :controls="f
2023-10-25 14:59:23
1104
原创 react项目 笔记
配置searchConfig < ProFormText width = " sm " name = " relationName " placeholder = " 请输入名称关键字 " label = " 关键字 " />
2023-10-25 14:55:43
143
1
原创 mac电脑安装依赖 node-sass版本不支持问题 Error: node-sass@4.9.0 postinstall: `node scripts/build.js`
mac电脑安装依赖 node-sass版本不支持问题 Error: node-sass@4.9.0 postinstall: `node scripts/build.js`
2023-02-23 17:48:13
2975
原创 vue项目使用阿里云播放器 Prismplayer 组件，可记录播放时间
阿里云播放器相较于video标签 兼容性更强，能支持更多格式的视频，所以在开发的时候阿里云播放器也用的很多
2022-07-13 15:33:28
2560
1
原创 前后端联调跨域问题
前后端联调的时候 有时候会遇到跨域问题解决 ：谷歌浏览器的图标 在复制一份到桌面 ，例如：把复制后的图标 右击属性 点开 ， 找到 “目标” 把下面的代码复制上去 --args --disable-web-security --user-data-dir=C:\MyChromeDevUserData例如 下面截图C:\Users\1\AppData\Local\Google\Chrome\Application\chrome.exe --args --disable-web-securi
2022-05-26 19:02:56
343
原创 js 秒数转换成时分
function formatSeconds(value) { var secondTime = parseInt(value);// 秒 var minuteTime = 0;// 分 var hourTime = 0;// 小时 if(secondTime > 60) {//如果秒数大于60，将秒数转换成整数 //获取分钟，除以......
2022-05-16 17:02:56
5447
1
原创 在react中使用antv G2 饼图，自定义legend位置
在react中使用antv G2 饼图，设置提示线长度，自定义legend位置
2022-05-11 17:35:12
3378
2
原创 vue项目使用锚点双向定位 实现滚动功能
vue项目使用双向锚点定位如图所示：点击左侧菜单可以跳转到对应内容，鼠标滚轮滚动 菜单也根据内容显示active项代码如下：给父盒子一个id <div class="case-infos" id="content"> <ul class="tabs"> <li v-for="(item, index) in tabsList" :key="index"
2022-03-31 16:00:51
8058
9
原创 vue项目路由权限
vue项目路由权限在vue项目中实现不同的用户有不同的权限，可以浏览的页面也不同由于公司的项目是基于vue-element-admin的项目 二次封装的 ，与vue-element-admin其实上也是差不多的首先，找到项目的src->layout->components->Sidebar->SidebarItem在页面上加上v-permission="${item.meta && item.meta.permission}"如图：...
2022-02-10 10:19:00
892
原创 vue项目NavigationDuplicated：Avoided redundant navigation to current location（重复请求相同路径警告）解决办法
原因：路由重复请求跳转相同的路径的时候，控制台中会出现红色的报错，如下图。虽然项目能继续运行但是肯定过不了老大那关。解决办法： 在router.js文件里面加入下面的代码const originalPush = Router.prototype.pushRouter.prototype.push = function push(location, onResolve, onReject) { if (onResolve || onReject) return originalPush.call
2021-12-23 15:56:05
685
原创 vue项目 使用锚点定位 跳转到列表中特定的内容
需求：点击查看按钮后，页面跳转，新页面增加锚点定位，定位到列表中需要查看的内容1，在页面中的列表上增加类名 highlight，比如：2 增加样式.highlight { .evaluate-content { background-color: #e6f1ff; outline: 2px solid #b3d4ff; }}3.在data中增加：hashId: ‘’4.在生命周期中增加和移除监听器在这里插入代码片...
2021-11-22 11:00:08
1309
1
原创 vue项目router报错：TypeError: _router.default.addRoute is not a function
控制台报错为：在permission文件夹里面使用了：router.addRoute()的方法原因：可能是因为安装依赖的时候用的npm 但是npm安装的包里面的route 原型里面没有addRoute的方法，所以报错解决办法：把npm安装的依赖包删掉，用cnpm安装，打印route，原型里面就有这个方法了，如下图：然后就成功啦...
2021-08-25 10:24:25
9346
9
原创 vue项目点击按钮复制input框里面的内容
<el-input v-model="content" placeholder="请输入内容" readonly class="link-txt" id="copy-link" ></el-input> <el-button class="copy-btn" @click="copyBtn" data-clipboard...
2021-03-12 09:25:11
355
原创 antv-f2图表x轴显示不全的问题 图表显示坐标轴单位
x轴“日期”显示不全解决方法：加上padding antv-f2图标显示坐标轴单位
2021-03-04 09:18:23
3706
4
原创 echarts图形自定义tooltip文字内容和小圆点，平均值显示
<div class="mainChart" ref="mainChart"></div> initChart0() { let myChart = this.$echarts.init(this.$refs.mainChart) myChart.setOption({ tooltip: { trigger: 'axis', axisPointer: { // 坐标轴..
2021-02-26 16:37:36
1219
原创 vue项目中使用阶梯折线图
<el-dialog title="查看趋势" :visible.sync="dialogTableVisible2" @open="openSentence()" class="reset-dialog" > <!-- View trends --> <div id="sentenceTrends" ref="sentenceTrends" style="width: 500px; h...
2021-02-26 09:55:15
800
2
原创 element ui 表格合并列
element ui 表格合并列显示效果：代码 <el-table :data="tableData" style="width: 100%" :span-method="objectSpanMethod" border class="reset-el-table" > <el-table-column prop="sentenceName" label="" width="
2021-02-22 11:06:28
861
2
原创 阿拉伯数字和中文的互相转换
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-02-03 11:04:48
366
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人