不知名码农1994-CSDN博客

原创 VueCli生产环境打包部署跨域失败踩坑

常见的跨域配置(/config/index.js):proxyTable: { '/api': { target: 'http://192.168.2.139:8080/Mobile/Max', // 接口的域名 // secure: false, // 如果是https接口，需要配置这个参数 changeOrigin: true...

2019-09-10 18:27:18 14175 3

原创 eslint工具编程“ Unnecessary use of boolean literals in conditional expression” 错误的解决方案

今天快下班提交代码时碰到这个很诡异的问题，如下图这是我的代码报错的地方很明显是eslint工具检测出来的，我们必须用它的代码规范来编程。后来查了下eslint官方文档，对其解释是：当存在更简单的替代方案时，不允许三元运算符（不需要 - 三元）也就是说我这种写法会显得啰嗦改变这两行代码的写法就ok了详细解释说明传送...

2019-02-25 18:16:29 17911 2

原创 MySql数据库安装

由于最近项目需要用到Mysql数据库。以前对此接触不多,安装起来费了很大劲,现在将整个安装经验分享给大家。第一步：到网上找个Mysql的免安装文件夹，放到自己电脑的磁盘文件目录下。我放的是E盘下的Mysql文件夹。第二步：单击运行-输入CMD-打开Dos界面。进入自己安装的mysql文件夹里的bin文件下： ...

2016-11-18 16:49:43 195

原创 Vue ElementUI使用el-tree，只容许叶子结点有多选框

在使用el-tree时，我们需要多选功能会在el-tree标签添加show-checkbox属性：那么，有时会遇到这样的需求，父节点不让多选，只容许多选叶子结点。那么，这时我们改怎么做呢？通过调试工具：多选框就是.el-checkbox这个样式，那么我们只需把这个样式覆盖一下，把它隐藏掉：/deep/ .el-tree-node{ .is-leaf + .el...

2019-09-25 16:02:53 5946

原创 Vue使用Tab页切换EChart，图表显示变形，未铺满父容器踩坑

在使用Tab页第一次切换到有echart页面时，发现echart画的图形未铺满父容器。那是因为父容器最初是被隐藏的，高宽为0。先提出方案解决这个问题。elementUi为例：1.利用v-if值切换来重绘图形页面。当前tab的name为‘line’,切换到图形页面时，v-if条件满足直接重绘子组件图形。这样绘画的图形就会铺满父容器2.lazy=’true’这个是...

2019-09-20 10:20:10 3408 3

原创 EChart案例-折线面积渐变色

先看效果图中的范围是个渐变色，option关键配置 itemStyle: { normal: { areaStyle: {type: 'default'}, color: new echarts.graphic.LinearGradient( ...

2019-09-03 16:47:19 5555 1

原创 EChart配置--基准线（坐标轴指示器axisPointer）的配置

今天干活时发现美工小改改给的图，折线图上的基准线颜色是亮色的。那么基准线颜色怎么配置，查看eChart官方文档，这条线叫做坐标轴指示器API文档说明：由此可知修改线条颜色需要设置lingStyle（看文档解释，前提要设置成type:'line'才有用）axisPointer:{ //基准线 lineStyle:{ color:'#52cdef' }}...

2019-09-03 16:40:12 8721 1

原创 EChart案例-圆形环比图

效果：配置options:let data=[ { value: 20, name: '水质', itemStyle:{ normal: { color:'#40a7e9' } }...

2019-08-30 15:24:03 3849

原创 EChart案例-半圆轮盘百分比图

先看效果图：参数配置option:option = { title: { text: '98%', textStyle: { color: '#f97060', fontSize: 24 }, subtext: '通讯合格率', subtextSty...

2019-08-29 18:40:17 2844

原创 js操作DOM切换全屏功能实现

不和你多BB，直接上代码。function requestFullScreen (element) { //当前全屏状态 let isFullSceen=document.isFullScreen || document.mozIsFullScreen || document.webkitIsFullScreen //多个游览器内核的全屏判断 let requestMeth...

2019-08-23 13:41:54 734

原创解决调用chart.tooltip.refresh() 触发提示框效果时，设置了shared=true报错：Cannot read property 'category' of undefined

HighChart控件的tootip是鼠标经过时显示的数据提示框，但有时我们会有业务需求---需要在其他位置用代码调用显示提示框。比如我在项目中遇到的曲线图和表格数据相互联动的效果。 chart.tooltip.refresh(point) //触发数据提示框显示。point 表示series.points的一个对象。后来根据业务需求，在chart声明时添...

2019-07-17 12:34:34 1661

原创 Leaflet开发笔记-Tooltip

Tooltip图层显示文本。官网API文档地址：https://leafletjs.com/reference-1.5.0.html#tooltip一些配置参数请查阅官方文档。下面举例项目开发中常用方法。基本用法：marker.bindTooltip("my tooltip text").openTooltip(); //里面内容可以填写html字符串打开显示文本：marker.op...

2019-06-24 16:14:01 11147 2

原创 HighChart开发笔记--标示线plotLines的label标签不显示

今天被经理告知用HighChar插件来显示测点数据历史曲线的功能出了个小bug：标示线plotLines的label标签不显示。这个项目已经上线了几个月，之前都是没问题的，再三确认无人动过这处代码后，便自己打开highchart的官方API页面开始研究了。这是我关于plotLine标示线的配置代码这是页面效果： ...

2019-03-01 13:53:21 2593 2

原创按字母A-Z顺序排名全国城市、带拼音

{"ret": true,"data":{ "cities": {"A": [{"id": 56,"spell": "aba","name": "阿坝"}, {"id": 57,"spell": "akesu","

2019-02-22 15:54:17 4925

原创 Vue开发笔记-- 配置resolve映射路径

在Vue-Cli项目开发中，我们常会引用到文件资源，如果文件路径很长，使用起来很不方便，且代码看着不美观。例如：引用图片时，每次都要在图片路径前面加" ../../../assets/images ”字符串,如果我们不想使用这些字符串就需要配置webpack的resolve了。打开webpack配置文件：在bulid文件夹下找到resolve属性。...

2019-02-20 10:00:12 3089 1

原创 border.css

移动端页面开发时，由于移动端屏幕分辨率很高，会有1像素边框的问题。@charset "utf-8";.border,.border-top,.border-right,.border-bottom,.border-left,.border-topbottom,.border-rightleft,.border-topleft,.border-rightbottom,.bo...

2019-02-19 12:38:32 120

原创 reset.css

在移动端页面开发中，不同游览器的页面样式默认是不一样的。这就需要我们自己去统一初始化样式。直接上代码： body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:...

2019-02-19 12:33:51 268

u013025674的博客