自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(24)
  • 收藏
  • 关注

原创 小程序navigateTo跳转超过10次点击失效

小程序页面栈最多10层。

2023-11-24 14:48:47 284

原创 uniapp项目笔记:唤起拨打电话,复制按钮复制内容,设置导航栏样式

唤起拨打电话,复制按钮复制内容。

2023-11-10 17:09:21 346

原创 笔记-项目开发小记

在使用缩放时 防止移位十六进制色使用rgba。

2023-11-09 10:01:58 80

原创 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 828

原创 react项目 笔记

配置searchConfig < ProFormText width = " sm " name = " relationName " placeholder = " 请输入名称关键字 " label = " 关键字 " />

2023-10-25 14:55:43 76 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 2594

原创 css实现移动端文字展开收起 组件 兼容ios

在移动端实现文字展开收起 超出三行隐藏 显示...

2022-09-08 16:57:05 771 2

原创 vue项目使用阿里云播放器 Prismplayer 组件,可记录播放时间

阿里云播放器相较于video标签 兼容性更强,能支持更多格式的视频,所以在开发的时候阿里云播放器也用的很多

2022-07-13 15:33:28 2296 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 315

原创 js 秒数转换成时分

function formatSeconds(value) { var secondTime = parseInt(value);// 秒 var minuteTime = 0;// 分 var hourTime = 0;// 小时 if(secondTime > 60) {//如果秒数大于60,将秒数转换成整数 //获取分钟,除以......

2022-05-16 17:02:56 5371 1

原创 在react中使用antv G2 饼图,自定义legend位置

在react中使用antv G2 饼图,设置提示线长度,自定义legend位置

2022-05-11 17:35:12 2951 2

原创 flex布局: 一行显示固定个数,换行展示

以一行显示4个为例

2022-05-11 15:20:00 11362 3

原创 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 7477 8

原创 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 825

原创 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 630

原创 vue项目 使用锚点定位 跳转到列表中特定的内容

需求:点击查看按钮后,页面跳转,新页面增加锚点定位,定位到列表中需要查看的内容1,在页面中的列表上增加类名 highlight,比如:2 增加样式.highlight { .evaluate-content { background-color: #e6f1ff; outline: 2px solid #b3d4ff; }}3.在data中增加:hashId: ‘’4.在生命周期中增加和移除监听器在这里插入代码片...

2021-11-22 11:00:08 1219 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 8829 9

原创 echarts踩坑记录

1.一个日期对应多个数据时,需要用到阶梯折线图 2.设置平均值的坑

2021-04-30 15:54:32 281

原创 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 298

原创 antv-f2图表x轴显示不全的问题 图表显示坐标轴单位

x轴“日期”显示不全解决方法:加上padding antv-f2图标显示坐标轴单位

2021-03-04 09:18:23 3333 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 1080

原创 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 683 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 696 2

原创 阿拉伯数字和中文的互相转换

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar

2021-02-03 11:04:48 303

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除