自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Echarts柱状图x轴坐标显示不全/刻度间隔全部显示显示-xaxis

在初步接触Echarts时,经常遇到柱状图的坐标刻度显示不全的问题,如下图xAxis : [ { type : 'category', data : xdt, axisTick: { alignWithLabel: tr...

2020-10-27 11:34:13 160

原创 echarts标题name如何垂直竖直显示

纯属做笔记 不喜勿喷 var myChart = echarts.init(document.getElementById('dotchart')); var dtx=[], dty=[]; var option = { // title:{ // text: '信号强度', // width: 1, // ...

2020-07-24 15:55:47 791

原创 前端过滤加模糊查询/模糊查询(不区分大小写)

<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 290

原创 VUE项目中前端如何自己处理返回的时间戳

写博客不是为了博眼球 而是为了记笔记格式为 年-月-日 时:分:秒 2019-10-10 14:27:10特别要注意后端返回的时间戳单位 此处为处理毫秒 如果是秒 需要将返回结果乘以1000 <el-table-column prop="firstTime" label="發現時間"> ...

2019-10-12 11:47:51 98

原创 Vue实现用户登录及token验证

写博客不是为了博眼球 而是为了记笔记请勿复制全部代码防止错乱,这里放源码是为了个人做笔记 //登录 login: params => { return API.POST('/accounts/login', qs.stringify(params)) } login.vue里 <template&...

2019-10-09 15:13:20 381

原创 特殊日历

写博客不是为了博眼球 而是为了记笔记 <div class="inlineBlock"> <el-date-picker v-model="time1" type="daterange" ...

2019-10-08 15:18:38 181

原创 echarts环形图如何添加层圆圈/环形线

Circlelinechart(){ let myChart = echarts.init(document.getElementById("Circlechart")); let option = { color: ['#23649e', '#2e7bad', '#1dc499', ...

2019-09-03 11:07:08 1571 1

原创 echarts柱状图/饼图如何自定义不同颜色

写博客不是为了博眼球 是为了记笔记左侧饼图 Pielinechart1(){ let myChart = echarts.init(document.getElementById("Piechart1")); let option = { tooltip : { trigger:...

2019-08-27 17:53:15 957

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

原创 echarts平滑折线图添加横向水平线

效果图如下:写博客不是为了博眼球 是为了记笔记. Smoothlinechart(vul_trend){ let myChart = echarts.init(document.getElementById("Linechart")); let option = { tooltip: { ...

2019-08-14 15:23:37 1340

原创 echarts饼图如何去掉指示线指示文字

echarts饼图要求去掉指示线指示文字写博客不是为了博眼球 是为了记笔记 <div id="Piechart"></div> //不要忘记在mounted里调用函数 Pielinechart(){ let myChart = echarts.init(document.getElementById("...

2019-08-14 14:59:30 25513 6

原创 echarts环形图如何添加指示线指示文字

左侧为官网实例 右侧为项目要求写博客不是为了博眼球 是为了记笔记 <div id="Circlechart"></div> Circlelinechart(){ let myChart = echarts.init(document.getElementById("Circlechart")); ...

2019-08-14 14:54:58 4249

原创 两种方法实现 返回上一页 按钮功能

写博客不是为了博眼球 只是为了记笔记返回上一页 按钮第一种:<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 1996

原创 sublime编辑VUE代码高亮方法

步骤:需要拷贝的文件如下(需要的可发邮件到2445478193@qq.com):

2019-05-10 16:51:20 146 2

原创 终极版---如何区别浏览器刷新和关闭

浏览器关闭窗口时给后台发请求 刷新时不做操作// 检测浏览器窗口关闭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 1579

转载 git、github、gitlab之间的关系

git、github、gitlab之间的关系GIt-版本控制工具;GitHub-一个网站平台,提供给用户空间存储git仓储,保存用户的一些数据文档或者代码等;GitLab - 基于Git的项目管理软件。Git分布式版本控制系统Git是一款自由和开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目。Git - 版本控制工具Git是一个开源的分布式版本控制系统,用以有效、高...

2019-05-08 17:09:12 98

原创 用echarts实现可折叠的的树图流程图

demo实现效果如下 可实现节点折叠收缩 鼠标移入节点 阴影提示信息

2019-04-25 15:12:03 1918 3

原创 前端用D3.js绘制纵向流程图(可折叠,拖动,缩放)

前端使用D3.JS绘制纵向流程图(树图)(可节点折叠,树图拖动,缩放)// ************** Generate the tree diagram *****************//定义树图的全局属性(宽高)var margin = {top: 50, right: 20, bottom: 20, left: 20}, width = 1600 - ma...

2019-04-23 17:09:32 2981 8

原创 D3.js流程图树图如何实现 节点变色及节点连线变色

最近在研究流程图 需求为 节点动态添加 节点树可拖动 缩放 点击折叠节点 危险节点且节点连线变红色改代码的过程 可谓一把辛酸泪拖动 缩放 点击折叠节点 在另一篇博客里有写 包括如何调整树图的方向 (由于节点文字太多 相邻文字容易重合 不得不将树图横过来)此处指介绍如何 将想要的节点且节点连线变红色此处为判断节点名称是否一致如果不判断节点名称 可麻烦后端在返...

2019-04-18 15:56:55 2745

原创 echarts饼图提示文字标签重叠怎么处理

echarts饼图提示文字默认如图二(高危123占比都为0)即便是存在多个item占比都为0 也是不会重叠的如果如图一提示文字重叠了 很可能是series里设置了avoidLabelOverlap: false, 吧这个去掉 或者 改为 true 即可解决重叠问题avoidLabelOverlap 避免标签重叠...

2019-04-08 13:35:32 6454 2

原创 个人笔记 之 样式小问题

要求 : 在任何分辨率下 点点图是个动画 一直在 圈圈图 的中间旋转 <div class="electricPhoto"> <div class="dotbox"> <img class="dotimg fly" src="static/images/dot.png"> ...

2019-03-25 17:36:08 81 2

转载 VUE项目中前端如何自己处理返回的时间戳

安装时间处理插件 moment定义全局过滤器处理方式一处理方式二,可以自己定义要处理的格式

2019-03-22 18:05:42 1895 1

原创 如何使用自己手机测试写好的Vue项目

## 使用手机调试Vue项目 1. 前提:要保证自己的手机和当前做项目的电脑,处于同一个WIFI环境中; 2. 当手机和电脑处于同一个WIFI中之后,大家需要运行终端命令`ipconfig`,查找 `无线局域网适配器` 的网络配置,复制其`IPv4`的地址; 3. 把复制的Ip地址,粘贴到`package.json`中:`"dev": "webpack-dev-server --ope...

2019-03-22 17:59:52 152

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

转载 用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 9548 73

原创 animation之 左侧出入的弹出框

HTML如下: &lt;div class="toolbar"&gt; 收起 &lt;/div&gt; &lt;div class="infolist"&gt; &lt;ul&gt; &lt;li&gt; &lt;label&gt;操作系统:&lt;/label&gt; ...

2019-02-28 10:27:57 277

转载 ECharts 的 legend 样式修改

legend: {        orient: 'horizontal', // 'vertical'        x: 'right', // 'center' | 'left' | {number},        y: 'top', // 'center' | 'bottom' | {number}        backgroundColor: '#fff',        ...

2019-01-24 10:31:26 6192

原创 一个好看的消息提示框--前端

引入以下两个插件即可     &lt;link rel="stylesheet" href="static/css/toastr.min.css"&gt;    &lt;link rel="stylesheet" type="text/css" href="static/css//fonts/web-icons/web-icons.min.css"&gt; 使用时

2019-01-22 11:24:47 4730

原创 VUE项目中引入百度地图

使用百度地图js API 前, 需要申请应用的ak 秘钥,在官网上自己申请即可;普通的 html 文件 中只要给定script标签如: &lt;script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&amp;ak=自己的ak秘钥"&gt;&lt;/script&gt;如下:  地图下代码如下:...

2019-01-21 15:24:33 2197

原创 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 15847 3

原创 bootstrap引入弹窗后却被阴影覆盖如何解决

只需要在css中添加    .modal-backdrop{z-index:0;}    即可 &lt;div class="personalinfo" hidden&gt; &lt;ul class=""&gt; &lt;li data-toggle="modal" data-target="#exampleModal" data-whatever="@

2018-12-12 16:31:38 418

原创 echarts饼图鼠标移入,悬停部分不放大突出

 此代码为双饼图代码    里外饼鼠标移入均不放大   在series里 设置 hoverAnimation:false,   注意:如果内部饼图设置完仍然有放大 很有可能是饼图的radius设置的过大  将比例缩小即可   ...

2018-12-12 10:40:26 27243 1

原创 前端 绘制世界地图

            &lt;div class="col-xxl-6 col-lg-6  col-md-6" style="margin-bottom: -6px"&gt;                &lt;div class="panel  " style="margin-left: -5px; width: 102%;"&gt;                    &

2018-12-07 17:23:09 1597

原创 前端实现翻页---jqPaginator.js

后台每次返回10调数据HTML: <div class="pageDiv"> <div class="floatLeft totaldiv"> 共<span class="totalpage"> 0 </span>条数据 ...

2018-12-06 17:23:03 225

原创 前端js实现--登录验证二维码

 数字和字母组合的四位验证码HTML如下          &lt;li class="border testcode"&gt;            &lt;i class="iptestcode"&gt;&lt;/i&gt;            &lt;div class="divipt testcodeipt"&gt;              &lt;i

2018-12-05 10:14:28 1747 1

原创 echarts绘制嵌套环形图/ 双饼图

设备类型在里 设备品牌在外     后台返回数据如下格式: device_brand_distribution = [{'equipment_type': '智能手机', 'equipment_brand': 'xiaomi', 'eq...

2018-12-04 16:20:46 7965

转载 vue+elementUI项目知识点整理

常见知识点说明v-if和v-show的区别是什么呢?1.v-if:是条件渲染,每次都会重新删除或者创建元素,v-if有较高的切换性能消耗。2.v-show:每次不会重新进行DOM删除和创建操作,只是切换元素的display:none样式,有较高的初始渲染消耗。提示:如果元素涉及到频繁的切换,最好不要使用v-if而用v-show,如果可能永远被用户看到则用v-if...

2018-11-09 15:07:14 576

原创 通用的左侧菜单栏样式(侧边栏)

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;&lt;meta charset="utf-8"&gt;&lt;link href="http://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet&qu

2018-11-06 15:32:13 6162 3

原创 前端-只选择年份的下拉框

      HTML如下                                        &lt;div class="divItem2"&gt;                                                    &lt;span&gt;工作时间:&lt;/span&gt;                                ...

2018-11-01 12:34:27 4653

转载 css解决 多张图片如何统一大小 且没拉伸问题

1. 测试案例需求: 要求表情库里所有表情包大小都固定 实际效果: 由于图片原始大小都不一样,强行设定大小值会导致拉伸,如果不设定大小则参差不齐。例如://html&lt;body&gt; &lt;img src="1.jpg" /&gt; &lt;img src="2.jpg" /&gt; &lt;img src="3.jpg" /&gt;

2018-09-13 15:56:18 10222 4

空空如也

空空如也

空空如也

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

TA关注的人 TA的粉丝

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