Zxiuping-优快云博客

echarts折线图官网默认就是从左缓慢滑动到右方，但是我的默认不生效，但是点击lenged就会生效，找了半天也没找出原因，我就去官网查看api，发现我在chart.setOption(option)后面又加了。如果到这你的也像我一样实现了从左缓慢向右，那就不用往下看了，如果没有继续向下。chart.resize()//这个删除这个删除。在echarts绘制之前清一下。去除resize就正常了。还有一种方法就是加属性。

2023-04-04 14:40:13 3096 1

原创 Chrome扩展程序实现网页翻译

3、扩展程序打开开发者模式，之后点加载已解压的扩展程序，然后选择下载并解压的文件TWP.9.6.Chromium。2、谷歌浏览器右上角三个点那里点开之后点扩展程序。4、加载之后会弹出一个界面按照如下选择。5、打开要翻译的页面，点出扩展程序。

2023-04-03 17:17:43 2834 4

原创 vue正则校验可输入字符长度

背景：vue+iview，input输入框限制可输入字符长度限制。方案：自定义正则校验，首先在data中定义校验规则。然后在正则对象中引用。

2023-01-12 11:05:33 2497

原创 window.open和a标签界面跳转403解决方案

window.open跳转窗口显示403，直接输入地址回车则可以正常跳转

2022-11-18 11:08:06 2675 3

原创 vue+iview中日期时间选择器不能选择当前日期之前包括时分秒

vue+iview中日期时间选择器不能选择当前日期之前包括时分秒

2022-08-12 10:03:37 3402

原创 vue中重置data数据

vue中重置data数据

2022-06-20 10:28:05 384

原创 css实现上面图片icon下面文字样式

css实现如图效果，<div class="box"> <div class="msg left"> <img :src="item.img" alt=""> <div class="title">离线数</div> </div> </div>.box { display: flex; ..

2022-04-26 15:09:34 2898

原创 Uncaught (in promise) Error: Redirected when going from “/login“ to “/home“ via a navigation guard.

在vue的h5项目中，登录跳转动态创建路由会出现路由重定义的问题如上图，如果直接在路由守卫router.beforeEach钩子中强制next会出现空白页的问题，是因为该路由dom还未加载，此问题的解决方法可以统一对报错信息进行处理，如下：在定义路由的index.js文件中处理import VueRouter from 'vue-router'const originalPush = VueRouter.prototype.pushVueRouter.prototype.push = f..

2022-04-24 09:01:28 3027

原创 echarts饼图圆环图数据为0时字体重叠

在echarts图标中有时候会出现数据过小字体重叠的问题，解决方法，可将series中的avoidLabelOverlap属性值设置为true即可解决

2022-04-20 15:29:38 2856

原创 flex布局盒子平均分布，最后一行左对齐

<div class="box"> <div class="message"> <img src="../../../../assets/images/11.jpg" alt=""> <div class="content"> 编号：XXX </div> </div></div> .bo.

2022-03-22 11:46:02 505

原创 vue 中后台返回 base64图片无法显示

关于后台接口返回的图片base64格式页面无法显示的问题，我遇到的原因是因为返回的一串内容里面存在空格或者换行的原因，解决方法如下：let str = `data:image/jpg;base64,${res.imgStr}` this.mpId = str.replace(/[\r\n]/g, '')let str = `data:image/jpg;base64,${res.imgStr}`this.mpId = str.replace(/[\r\n]/g, '')

2021-12-30 11:35:05 3380

原创 css实现时间数字特效字体格式

css实现如图所示机械字体格式，并且字体从左向右渐变色实现。我用的是.ttf文件格式字体，这个可以去网上下载一下，我的是我们ui给的，主要写法就是先定义字体@font-face { font-family: "DS-Digital";//这个是定义字体的名称 src: url("./DS-Digital Bold.ttf");}这样引入之后字体使用 font-family: "DS-Digital", serif;设置就能实现了，如果背景想要渐变色就需要backgr..

2021-12-28 15:03:55 2759

原创 JavaScript获取图片的宽度和高度

我们现在获取图片的宽高的时候会在图片初始化的时候获取到图片的宽高，图片加载之后图片宽高获取为0，html5有个新属性naturalWidth和naturalHeight可以获取到图片原始的宽度和高度。var naturalWidth = document.getElementById('Image1').naturalWidth, naturalHeight = document.getElementById('Image1').naturalHeight; conso

2021-12-17 15:36:26 3412

原创 js获取上个月第一天和最后一天

let curDate = new Date() let y = curDate.getFullYear() let m = curDate.getMonth() if (m > 12) {//月份大于12划为下一年 m = 1 y++ } if (m === 0) {//月份等于0时 m = 12 y-- } let monthLastDay = ne.

2021-12-17 15:32:48 401

原创 js格式化时间格式年月日（yyyy-MM-dd）

var date = new Date() let nowDate = date.getFullYear() + '-' + (date.getMonth() + 1 >= 10 ? date.getMonth() + 1 : '0' + (date.getMonth() + 1)) + '-' + (date.getDate() >= 10 ? date.getDate() : '0' + date.getDate()) let beforDate = new Dat.

2021-12-16 14:02:41 2763

原创 vscode快捷设置左侧导航栏和文本字体大小

vsCode左侧导航栏以及编辑区域字体整体变大的快捷键为ctrl+（+为键盘加号），变小的快捷键为：ctrl-（-为键盘减号）。

2021-12-16 11:10:26 5433

原创 vue+iview项目正则校验的使用

vue+iview项目正则校验的使用，手机号校验，车牌号校验

2021-11-23 16:39:42 1375

原创 vue+iview架构实现动态合并单元格

vue+iview架构实现动态合并单元格，合并单元格出现串行，数据变乱

2021-11-23 16:32:56 1296 3

原创使用git clone拉取项目报错 SSL certificate problem: certificate has expired

问题描述：使用git命令拉取新项目的时候报错SSL certificate problem: certificate has expired，其实意思就是说SSL证书过期，访问不通过。解决办法：关闭SSL验证，执行git config --global http.sslVerify false再次拉取就可以了。...

2021-10-14 15:19:13 1500

原创 nvm use出现乱码

在使用nvm安装node的时候出现乱码，我查了一些资料说是nvm文件出现空格不识别的原因，然后我仔细检查了一遍发现并不是这个原因，后来我想是不是windows权限的问题，更改之后还是没有解决，后来更改了cmd的权限成功解决问题，进入目录C:\Windows\System32找到cmd.exe，右键选择管理员身份运行，之后执行nvm use 版本号，成功解决。...

2021-10-12 11:07:24 6290 4

原创 vant实现Collapse 折叠面板标题自定义

vue-cli3+vant实现折叠面板上面标题自定义，代码如下：<van-collapse v-model="activeNames"> <van-collapse-item name="1"> <template slot="title">//以下内容根据需求填充 <div class="title-box"> <div class="title-box-top">

2021-08-23 17:06:54 2573

原创 a标签实现导出excel功能

在前端项目中有些需求希望实现导出excel文件，下面分享下我在vue项目中使用a标签实现导出功能。标签代码：<a name="file" download="filename" class="upload-file" @click="exportexport()" :href="filepath" target="_blank">导出</a>js方法中实现跳转下载的链接：exportexport(){ this.filepath = this.$htt

2021-08-23 17:01:29 1708

原创 vue-cli3+vant怎么取消eslint-loader

vue-cli3项目创建的时候一路回车，结果在做正则校验的时候出现eslint-loader报错，试了很多种方法都不行，我也没有在我的项目文件夹中发现eslintrc.js，解决方法如下：第一步：在项目根目录创建vue.config.js文件...

2021-06-15 21:41:59 692

原创 el-dropdown-menu中点击事件不起作用

将<el-dropdown-item @click="effectivenessClick()">VAT有效性查询</el-dropdown-item>改为<el-dropdown-item @click.native="effectivenessClick()">VAT有效性查询</el-dropdown-item>

2021-05-22 11:18:33 745

原创 el-dialog层级不够高以及遮罩在内容框下面的问题

el-dialog被遮罩层遮挡（解决办法）开始我在标签中加:modal-append-to-body="false"，遮罩层是在下面了但是，对于页面中有的边框或者搜索框会在遮罩的上面，后来我又把:modal-append-to-body="false"改成了append-to-body就可以了，代码如下：<el-dialog title="确认退出？" :visible.sync="centerDialogVisible" append-to-body

2021-05-22 10:55:55 2837

原创 css实现鼠标悬停div向上缓慢动一下

div设置css：div { margin-top:0px; transition-duration: 300ms;//添加缓慢效果看起来更舒适}鼠标悬停之后css：div:hover { margin-top:-10px; transition-duration: 300ms;}

2021-05-11 15:44:05 3865

原创执行npm run serve命令报错npm ERR! serve: `vue-cli-service serve`

vue-cli3项目搭建完成之后执行 npm run serve报错，> vue-cli-service servesh: vue-cli-service: command not foundnpm ERR! code ELIFECYCLEnpm ERR! syscall spawnnpm ERR! file shnpm ERR! errno ENOENTnpm ERR! XXX-es6@0.1.0 serve: `vue-cli-service serve`npm ERR! sp

2021-05-09 16:57:28 4123 1

原创 vue-cli3中的vue.config.js: “baseUrl“ is not allowed

在使用vue-cli3配置项目的时候module.exports = { baseUrl: process.env.NODE_ENV === 'production' ? './' : '/'}在创建vue.config.js文件的时候在 vue-cli.3.3版本后 baseUrl被废除了，这边要写成 publicPath。module.exports = { publicPath: process.env.NODE_ENV === 'production'

2021-05-03 16:22:24 887

原创 vue项目直接打开dist文件夹下面的index.html文件

关于vue项目直接点击dist文件夹下面的index.html文件使项目在浏览器显示，需配置两个文件，config/index.jsbuild: { assetsPublicPath: './', }build/utils.jsfunction generateLoaders (loader, loaderOptions) { const loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [cssL

2020-08-06 09:33:31 3419 2

原创 js判断当前浏览类型是谷歌、火狐、IE

function myBrowser() { var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 if (userAgent.indexOf("Opera") > -1) { return "Opera" } ; if (userAgent.indexOf("Firefox") > -1) { return "FF"; } ; if ...

2020-07-16 12:08:21 417

原创 js 删除对象中的键值对

例如有对象var person={"name": "xiaojiayu", "age": 24, "gender": "man"};则删除年龄属性age的方法delete person.age

2020-07-16 11:07:39 5065

原创 js重置svg宽高

letsvg=document.getElementById('svg_ss');svg.setAttribute('height','100%');svg.setAttribute('width','100%');

2020-07-08 12:22:56 1280

echarts市区地图js

空空如也