澜岚伊人-CSDN博客

原创 JDK下载安装及环境变量配置

这两天看weex文档，如果想要看在安卓上的效果，最好安装android studio，它的运行环境是基于Java的。我们需要安装JDK和配置环境官网的新版本需要缴费，所以我就咨询了做安卓开发的同事，他给我了jdk-8u141-windows-x64这个版本的JDK，我上传到了我的百度云中链接: https://pan.baidu.com/s/1a7A9kxUSXOBtHifqxZdd6A...

2020-03-19 10:44:57 286 2

原创 mpvue小程序map组件动态生成markers

最近在公司需要做新小程序的项目，其中有个需求类似滴滴打车的路线规划，实现的第一步就遇到点小问题。发现markers写在data中是可以展示出来的，但是从后台获取数据的后那个markers就不显示了出现该现象的原因：由于异步设置值的过程，组件已经渲染。但是map变量没有预定义是undefined状态，map初始化拿不到数据直接报错了，而异步过来又变成动态更新导致了wxml需要重新渲染map...

2019-09-24 15:00:38 1032

原创 Element的Container布局容器布满全屏

摘要：在使用Element（2.10.1版本）的Container布局容器布，发现按照官网的代码运行后，发现不能撑开整个页面，只能显示一段高度官方代码运行后效果：如何实现不满全屏呢？实现如下：1、需要给包裹的div一个height：100%2、给#app,html,body,.el-container一个height：100%3、给el-container设置direct...

2019-07-05 10:34:47 32451 7

原创（二）axios以及Node.js中Express框架的使用

摘要：接着（一）vue-cli初始化项目并引入ElementUI内容写，那篇文章已经成功引入ElementUI组件了。后台管理系统首先需要登录账号密码才可以，今天主要就是总结如何使用axios请求接口以及如何使用Node.js中Express开启一个后台服务的相关内容。实现步骤如下：在page中创建login.vue文件在router文件夹下的index.js中进行路由配置引入...

2019-06-14 21:51:38 2256

原创 node.js安装express后显示“express不是内部或外部命令”

按照教程安装了express后，使用express -V命令时，却显示的是“express不是内部或外部命令”。导致之后的express学习无法进行，解决这个问题的主要步骤为一下几点：卸载当前的express。在cmd下输入：npm uninstall -g express 检查之前的node.js和npm是否安装正确express4.x版本中将命令工具分家了，所以我们还需要安装一个命令工具...

2019-06-14 16:27:06 712

原创 vue如何给div绑定keyup的enter事件

摘要：发现给div绑定keyup.enter事件是没有效果的。那该如何实现呢？下面直接上代码吧1、在template中代码2、在created的生命周期中，写一个全局的enter事件这样按下键盘中的enter事件就是有效的了...

2019-05-10 13:22:28 8253

原创 vue给div绑定keyup的enter事件实现接电话（结合阿里云软电话SDK）

摘要：之前我们的接入的阿里云软电话SDK的功能，现在有个新的需求就是我们自己的弹窗中添加一个按钮可以接听电话，同时可以按键盘的Enter键接电话。（这里的很多废话，是为了记录当时想的逻辑）实现思路：1、点击事件接听电话在create生命周期的时候，监听电话来了的callComming这个事件，此时暂无来电的图片不显示，显示当来来电和电话号码以及接听按钮在create生命周期的时候，...

2019-05-10 13:13:54 1366

原创 Vue后台管理系统的按钮权限控制

摘要：最近需要在原有的后台管理系统中，需要给页面中的所有按钮进行权限控制实现的思路如下：方法一：1、获取后台传过来的按钮权限数组，并将其保存下来2、写一个全局的方法。判断某个按钮的权限是否含在后台传的按钮权限数组中3、页面中在按钮上写v-if进行控制代码如下：首先我获取后台传给我的按钮权限数组，我的这个是通过用户权限的接口来获得的（在这就用模拟数据）后台的按钮权限数据...

2019-04-28 19:42:23 6390 4

原创在git中,使用git.commit命令时,这个Please tell me who yoy are 解决办法

摘要：前面的博客中提到了这个问题，问题的图片如图所示，出现这个的原因就是我没登陆解决办法就是：然后再次输入命令行：git commit -m "project initialized"接下来的操作如图，就可以将本地的代码和码云上的代码进行统一了 ...

2019-02-27 11:05:41 1831 1

原创 git commit -m 'project initialized'报did not match any file known to git的错误的问题

摘要：这两天需要将本地的代码和码云上的代码进行统一下，需将本地的代码上传到码云中，在使用git的时候报了错实现过程：首先在控制台上输入命令行（查看本地的新的文件）：git status 输入命令行（将新的文件新增到git的缓冲区）：git add . 输入命令行：git commit -m 'project initialized' （按回车后就报错了，错误的提示如下图）错...

2019-02-27 10:53:20 1388

原创阿里云云呼叫中心——软电话SDK前端接入

摘要：2018年十二月份的时候，我们需要基于我们的后台系统开发应急呼叫系统。一直没有总结。我对这部分也许会有很多理解不透彻的地方，望小伙伴们彼此相互学习，多多提出不足呢。技术：由于是基于我们的后来系统来实现，后台系统中使用的技术如下：vue框架 vue-router 路由的相关使用 axios用于前后端数据交互 ElementUI组件应急呼叫系统，引入了阿里云云呼叫中心系统集成中的...

2019-01-29 17:29:31 9269 23

原创 “There is a chart instance already initialized on the dom.”Echarts报的告警

摘要：开始用Echarts的时候，报了如下的错去解决：需要在使用echarts发现需要及时对新建的myChart实例进行销毁,否则会出现上述警告代码实现如下：主要是这句代码if (oneTimeStatisticsEchart != null && oneTimeStatisticsEchart != "" && oneTimeStatist...

2018-12-17 16:42:36 1960

原创高德地图可视化3D地图区域上添加气泡图

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2018-12-10 09:44:35 3208 1

原创高德地图可视化3D地图区域上添加棱柱

摘要：接着上次的遗留的问题，研究出了如何在3D的地图区域上显示棱柱图实现：直接上代码了<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=d

2018-12-10 09:43:47 6476 5

原创高德地图可视化3D地图区域上添加自定义的图标

代码实现如下： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&

2018-12-10 09:42:42 7612 4

原创高德地图可视化3D地图区域的数据如何获得呢？

摘要：紧接着上一篇的文章来说，上一篇我的数据那个我的3D区域的数据，那在开发过程中，你该如何获取到这个数据呢？实现：首先，打开https://lbs.amap.com/api/webservice/guide/api/district/（就是高德地图文档的 Web服务API中的行政区域查询）使用API前您需先申请Key，若无高德地图API账号需要先申请账号。目前高德提供的服务是唯一能让...

2018-12-06 15:41:17 11404

原创高德地图的地理空间数据可视化（Loca）

摘要：最近我们的可视化界面改了好多版本，最近新提出来的需求，就是想要显示地图上的某个区域，希望是3D立体的。并且跟着中心点不同旋转到相对应的位置，并且在改立体的区域上加上相应的散点图。开始第一步的尝试之旅。需求整理如下：1、首先显示自定义地图2、显示3D的某个区域3、在该3D的区域块上，如何添加相应的散点图和信息窗体（尝试实现中，后期实现会更新）4、如何根据不同的中心点，该3D...

2018-12-06 14:38:02 10431 7

转载 vue elementUI axios拦截器添加局部loading效果

这篇文章写的很好http://www.cnblogs.com/bgwhite/p/9869886.html

2018-11-30 17:16:19 3905

原创 Echarts横坐标名称过长怎么办呢？

摘要：在开发的时候，我们的横坐标名称很长，横坐标就会挤到一起。显示会很不美观，那我们怎么处理呢？这里的数据以及横坐标都是我自己随便写的额，公司的不能泄露。但意思差不多了实现：我能想到的3种方式如下：（如果你们有其他的方法可以对我说哦）1、横坐标名称倾斜显示2、横坐标名称换行显示3、横坐标名称竖着显示如果没有做处理的话，你的效果可能和我的这个差不多一、横坐标名称倾斜显示。...

2018-11-30 16:03:35 10786

原创 Echarts实现环形图自动高亮

摘要：需求一个接一个的来，刚实现了tootip自动显示，紧接着的需求就是希望环形图自动tootip的同时图形跟着高亮显示。实现：由于之前看了官方文档，就是使用Echarts的api中的dispatchAction方法，type设为highlight。想要的结果如下图所示：（备注：请忽略我中间的数据，因为数据都是模拟的，中间的数据忘记让两者数据相加，没修改） 1、记录坑的过程（先上我...

2018-11-14 21:58:15 14724 3

原创 Echarts如何间隔一段时间自动显示提示（tooltip）

摘要：今天我领导给我提了一个需求，想要大数据展示平台的tootip框能够每隔3秒钟自动显示出来。然后我就开始百度还有看了看文档。需要实现的效果如下图：（数据不能放真实项目的数据，我是模拟的）具体实现：1、我先上代码，然后再解释吧<!DOCTYPE html><html><head> <meta charset="utf-...

2018-11-14 15:28:52 11680

原创前端学习网址

一、优秀的技术团队1、美团技术团队：https://tech.meituan.com/archives2、百度技术tuan团队：http://efe.baidu.com/3、有赞技术团队：https://tech.youzan.com/4、腾讯：http://www.alloyteam.com/ 备注：（AlloyTeam|腾讯全端 AlloyTeam 团队）...

2018-11-09 10:57:35 1160

原创（一）vue-cli初始化项目并引入ElementUI

摘要：写过了一个我们产品的后台管理系统，但做完项目都没有进行总结。感觉好多还是懵懂的感觉，所以想要重新走一遍，写一个自己的项目。让自己理清思路实现：1、首先确认你的电脑中已经安装过Node.js了，如果没有可以百度安装配置2、我们来说下安装vue，是用vue-cli来初始化项目吧（使用命令行工具来操作）（1）全局安装 vue-cli (在命令行工具中输入npm install...

2018-11-04 21:34:47 7081

原创 Echarts面积折线图如何实现？

摘要：项目开发中有个面积折线图的界面实现：直接上代码吧，哈哈，简单明了<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>echarts面积折线图</title> <style>

2018-10-29 17:44:11 10846 4

原创 Echarts中折线图如何实现曲线是光滑的？

摘要：最近也许总结Echarts和原生JS结合的知识会比较多点，因为最近在做大数据的开发。以前很多项目没总结的习惯，做完东西很多知识都忘记了。所以现在坚持写总结了。需求：以前我实现的折线图曲线并没有要求是光滑的曲线，下面是如何实现折线图是光滑的曲线的。实现：1、先直接上代码了，代码中详细的注释呢<!DOCTYPE html><html><hea...

2018-10-29 17:21:25 12703

原创两个相同长度的数组中的元素均为 Number 类型如何相加

摘要：今天在渲染Echarts数据，就把工作中的小细节总结下。以前没做Echarts开发的时候，很少用到两个数组中的数字相加，那就利用空闲时间来想想有哪些方法可以实现两个数组中的数字相加呢？需求：1、后台传给我的数据如下：2、我需要将data中faultCautionArray数组数据与normalCautionArray数组数据相加思路：1、方法一：利用for循环遍历数组...

2018-10-27 22:49:50 1758

原创 Echarts地图的迁徙图

摘要：终于要开始实现迁徙图了，不过一开始我也是一脸懵。不知道如何下手。在Echarts中查看了好多的案例，终于实现了迁徙效果，但还有个需求还没实现，就是出发点是红色的光圈。目前我的字体颜色和圆圈颜色值是一样，考虑这接下来能不能弄成字体颜色和圆圈颜色不一样。好啦回到迁徙图吧实现：1、仔细看了下Echarts中的相关API，写个test文件。2、在网上查阅大量资料，其中有篇文章写的很详细（...

2018-10-25 17:45:18 30430 10

原创 Echarts中国地图背景颜色渐变

摘要：关于Echarts地图的问题，在第一篇就说过引入等相关问题（如还有疑惑请先看之前的文章传送门）。地图的背景颜色如何实现渐变呢？主要利用的是Echarts中的geo和visualMap结合实现。visualMap 是视觉映射组件，用于进行『视觉编码』，也就是将数据映射到视觉元素（视觉通道）。✦ 与 ECharts2 中 dataRange 的关系 ✦visualMap 是由 EChar...

2018-10-25 12:26:20 28917 3

原创 Echarts中国地图各省份区域设置不同的颜色

摘要：接着《Echarts引入中国地图》续写，我们的项目需求是要求地图的背景颜色要各省份不同。看了文档同时也看了相关官网例子，写出来总结下吧，以便以后需要。实现：1、在series中添加data[ ]数据data: [ { name: '北京', selected: false, value: 1 }, ...

2018-10-24 23:28:07 40915 13

原创 Echarts中引入中国地图

摘要：最近公司要求开发大屏大数据展示界面，其中有个需求是迁徙图，以下是自己的相关总结，如有些的不好的地方请大家多多指教，我会虚心学习并修改不足的地方。思考：1、迁徙图实现的第一步是引入中国地图，那如何引入中国地图呢？ 2、地图引入后在实现迁徙图的相关动效（这个会在接下来的文章中总结，今天先总结下如何在Echarts中引入中国地图）实现：一、下载echarts.j...

2018-10-24 14:06:08 21267 18

澜岚伊人的博客