- 博客(67)
- 收藏
- 关注
RSS订阅原创 echarts如何精确legend中的百分比值，echarts如何精准tooltip中的百分比值为整数，
echarts如何精确legend中的百分比值，echarts如何精准tooltip中的百分比值为整数，
2022-08-30 17:28:22
1173
原创 如何在echarts折线图阴影tooltip里显示数值和百分比，自定义echarts折线图阴影内容
如何在echarts折线图阴影tooltip里显示数值和百分比，自定义echarts折线图阴影内容
2022-08-30 17:18:34
930
原创 echarts图表y轴数据设置为固定值，等间距，如何自定义echarts图表y轴数据
echarts图表y轴数据设置为固定值，echarts图表y轴数据设置等间距，自定义echarts图表y轴数据
2022-08-30 17:13:24
7590
原创 vue项目中debugger调试看不到源码
在修改vue项目的问题时，发现代码里面输入debugger后，在浏览器点击操作发现可以进入断点，但显示的是已经压缩好的代码，无法看到源码。解决方案：1 打开vue.config.js文件， 修改productionSourceMap: true,1 打开vue.config.js文件，添加 devtool: "cheap-module-source-map", 然后重启项目。...
2022-04-21 16:59:06
4914
1
原创 如何自定义修改elementUi里popover弹出框的样式及位置
需要单独写一个style样式 <div class="columnDiv" slot="reference"> <ul> <template v-for="(item, index) in columnList1"> <el-popov...
2021-12-02 15:28:59
8934
1
原创 vue前端修改用户密码验证密码格式
<el-dialog title="修改密码" :visible.sync="dialogFormVisible" class="updatepwdbox" :before-close="cancelform" :close-on-click-modal="false"> <el-form :model="pwddata" label-width="100px" status-icon :rules="rules2" ref="ruleF...
2021-03-24 14:56:20
1940
原创 vue注册用户前端验证登录信息格式
<template> <div class="registerpage"> <div class="register-header"> <div class="logo"> <div class="img"> <img src="../assets/logo.png" /> ...
2021-03-24 14:50:27
463
原创 vue项目upload上传文件验证文件类型
需求：点击上传附件 上传同时就要验证是否为doc文件同理 可验证xls,md,html等文件 <el-form-item label="附件:" v-show="taskfileshow" prop="file"> <el-button type="primary" plain @click="clickupload()" :disabled="updateinfo">上传附件</el-button> ...
2021-03-10 17:54:24
1620
原创 Echarts柱状图x轴坐标显示不全/刻度间隔全部显示显示-xaxis
在初步接触Echarts时，经常遇到柱状图的坐标刻度显示不全的问题，如下图xAxis : [ { type : 'category', data : xdt, axisTick: { alignWithLabel: tr...
2020-10-27 11:34:13
17365
5
原创 echarts标题name如何垂直竖直显示
纯属做笔记 不喜勿喷 var myChart = echarts.init(document.getElementById('dotchart')); var dtx=[], dty=[]; var option = { // title:{ // text: '信号强度', // width: 1, // ...
2020-07-24 15:55:47
7852
1
原创 前端过滤加模糊查询/模糊查询（不区分大小写）
<template> <el-container> <el-aside width="350px" class="elAside"> <div class="leftTop"> <img src="../assets/guowanglogo.png"/> <el-input v-model="filterText" placeholder="请输入要搜索的...
2020-06-28 15:10:29
2384
原创 VUE项目中前端如何自己处理返回的时间戳
写博客不是为了博眼球 而是为了记笔记格式为 年-月-日 时：分：秒 2019-10-10 14:27:10特别要注意后端返回的时间戳单位 此处为处理毫秒 如果是秒 需要将返回结果乘以1000 <el-table-column prop="firstTime" label="發現時間"> ...
2019-10-12 11:47:51
765
原创 Vue实现用户登录及token验证
写博客不是为了博眼球 而是为了记笔记请勿复制全部代码防止错乱，这里放源码是为了个人做笔记 //登录 login: params => { return API.POST('/accounts/login', qs.stringify(params)) } login.vue里 <template&...
2019-10-09 15:13:20
1369
原创 特殊日历
写博客不是为了博眼球 而是为了记笔记 <div class="inlineBlock"> <el-date-picker v-model="time1" type="daterange" ...
2019-10-08 15:18:38
759
原创 echarts环形图如何添加层圆圈/环形线
Circlelinechart(){ let myChart = echarts.init(document.getElementById("Circlechart")); let option = { color: ['#23649e', '#2e7bad', '#1dc499', ...
2019-09-03 11:07:08
4937
3
原创 echarts柱状图/饼图如何自定义不同颜色
写博客不是为了博眼球 是为了记笔记左侧饼图 Pielinechart1(){ let myChart = echarts.init(document.getElementById("Piechart1")); let option = { tooltip : { trigger:...
2019-08-27 17:53:15
2888
原创 C3（justify-content）弹性布局内容对齐属性
写博客不是为了博眼球 是为了记笔记.justify-content语法例如以下：justify-content: flex-start | flex-end | center | space-between | space-around參数说明例如以下：flex-start弹性项目向行头紧挨着填充。这个是默认值。第一个弹性项的main-start外边距边线被放置在该行的mai...
2019-08-15 14:11:58
371
原创 echarts平滑折线图添加横向水平线
效果图如下:写博客不是为了博眼球 是为了记笔记. Smoothlinechart(vul_trend){ let myChart = echarts.init(document.getElementById("Linechart")); let option = { tooltip: { ...
2019-08-14 15:23:37
5048
原创 echarts饼图如何去掉指示线指示文字
echarts饼图要求去掉指示线指示文字写博客不是为了博眼球 是为了记笔记 <div id="Piechart"></div> //不要忘记在mounted里调用函数 Pielinechart(){ let myChart = echarts.init(document.getElementById("...
2019-08-14 14:59:30
43452
8
原创 echarts环形图如何添加指示线指示文字
左侧为官网实例 右侧为项目要求写博客不是为了博眼球 是为了记笔记 <div id="Circlechart"></div> Circlelinechart(){ let myChart = echarts.init(document.getElementById("Circlechart")); ...
2019-08-14 14:54:58
11060
3
原创 两种方法实现 返回上一页 按钮功能
写博客不是为了博眼球 只是为了记笔记返回上一页 按钮第一种：<el-button type="success" class="btn-success" @click="$router.back(-1)">返回上一页</el-button>第二种;<el-button type="success" class="btn-succes...
2019-07-02 10:34:12
4005
原创 终极版---如何区别浏览器刷新和关闭
浏览器关闭窗口时给后台发请求 刷新时不做操作// 检测浏览器窗口关闭var _beforeUnload_time = 0,_gap_time=0;window.onunload=function(){ _gap_time=new Date().getTime()-_beforeUnload_time; if(_gap_time<=5){ //浏览器关闭 ...
2019-05-10 10:34:34
2234
1
转载 git、github、gitlab之间的关系
git、github、gitlab之间的关系GIt-版本控制工具；GitHub-一个网站平台，提供给用户空间存储git仓储，保存用户的一些数据文档或者代码等；GitLab - 基于Git的项目管理软件。Git分布式版本控制系统Git是一款自由和开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目。Git - 版本控制工具Git是一个开源的分布式版本控制系统，用以有效、高...
2019-05-08 17:09:12
241
原创 echarts饼图提示文字标签重叠怎么处理
echarts饼图提示文字默认如图二（高危123占比都为0）即便是存在多个item占比都为0 也是不会重叠的如果如图一提示文字重叠了 很可能是series里设置了avoidLabelOverlap: false, 吧这个去掉 或者 改为 true 即可解决重叠问题avoidLabelOverlap 避免标签重叠...
2019-04-08 13:35:32
10815
3
原创 个人笔记 之 样式小问题
要求 ： 在任何分辨率下 点点图是个动画 一直在 圈圈图 的中间旋转 <div class="electricPhoto"> <div class="dotbox"> <img class="dotimg fly" src="static/images/dot.png"> ...
2019-03-25 17:36:08
186
2
原创 如何使用自己手机测试写好的Vue项目
## 使用手机调试Vue项目 1. 前提：要保证自己的手机和当前做项目的电脑，处于同一个WIFI环境中； 2. 当手机和电脑处于同一个WIFI中之后，大家需要运行终端命令`ipconfig`，查找 `无线局域网适配器` 的网络配置，复制其`IPv4`的地址； 3. 把复制的Ip地址，粘贴到`package.json`中：`"dev": "webpack-dev-server --ope...
2019-03-22 17:59:52
338
原创 VUE项目里返回按钮的处理（各个分页有返回按钮，首页没有）
VUE项目中 返回按钮 的处理， 各个分页有返回按钮，首页没有。主要代码： <mt-header fixed title="黑马程序员·Vue项目"> <span slot="left" @click="goBack" v-show="flag"> <mt-button icon="back">返回</m...
2019-03-22 17:45:16
3738
转载 用D3.js绘制完整的流程图demo
一个完整的流程图demo，效果入下：HTML<!doctype html><meta charset="utf-8"><title>Dagre D3 Demo: Sentence Tokenization</title><link rel="stylesheet" href="demo.css"><scr...
2019-03-11 10:38:59
18798
99
原创 animation之 左侧出入的弹出框
HTML如下： <div class="toolbar"> 收起 </div> <div class="infolist"> <ul> <li> <label>操作系统：</label> ...
2019-02-28 10:27:57
699
转载 ECharts 的 legend 样式修改
legend: { orient: 'horizontal', // 'vertical' x: 'right', // 'center' | 'left' | {number}, y: 'top', // 'center' | 'bottom' | {number} backgroundColor: '#fff', ...
2019-01-24 10:31:26
20408
原创 一个好看的消息提示框--前端
引入以下两个插件即可 <link rel="stylesheet" href="static/css/toastr.min.css"> <link rel="stylesheet" type="text/css" href="static/css//fonts/web-icons/web-icons.min.css"> 使用时
2019-01-22 11:24:47
7785
2
原创 VUE项目中引入百度地图
使用百度地图js API 前， 需要申请应用的ak 秘钥，在官网上自己申请即可；普通的 html 文件 中只要给定script标签如： <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=自己的ak秘钥"></script>如下： 地图下代码如下：...
2019-01-21 15:24:33
3239
原创 ElementUi中轮播图走马灯如何实现添加图片
<template> <el-row class="warp"> <el-col :span="12" class="warp-breadcrum"> <el-breadcrumb separator="/"> <el-breadcrumb-item :to="{ path: '/' }">&l...
2019-01-03 11:07:19
22335
4
原创 bootstrap引入弹窗后却被阴影覆盖如何解决
只需要在css中添加 .modal-backdrop{z-index:0;} 即可 <div class="personalinfo" hidden> <ul class=""> <li data-toggle="modal" data-target="#exampleModal" data-whatever="@
2018-12-12 16:31:38
739
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人