自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(192)
  • 资源 (6)
  • 论坛 (1)
  • 问答 (1)
  • 收藏
  • 关注

转载 vue项目运行后不能自动打开浏览器问题

在跟目录下找到config文件下的index.js文件,找到开发环境下的autoOpenBrowser改为true就可以了

2021-07-20 13:52:51 5

原创 echarts生成漂亮的地图

var tj = './json/tianjin.json';var mapname = tj;var myChart = null;var mapDate = [ { name: '蓟州区', value: [117.415079,39.98415], datas: 1354, img: 'image://asset/data-1619059442567-s5l7-f8Eu9.png', }, {.

2021-07-16 15:56:09 11

转载 可视化篇:Echarts3.0引入百度地图(转载)

原文链接:https://blog.csdn.net/yc_1993/article/details/52431989update:由于目前echarts3.8.X比之前旧版改动较多,其实地图实例处许多朋友留言跑不通,今天更新下新版的做法,亲测已经可以。perface一直抽不开身,留言区以及不少朋友都在问如何在Echarts3.0里引入百度地图,由于之前写的是Echart2.0如何引入,但2.0目前已不再更新,所以这段时间断断续续研究了下,跟大家分享。Echarts3.0采用标签引入,其相.

2021-07-14 16:15:31 5

转载 可视化篇:Echarts2.0引入百度地图(转载)

写在最前Echarts作为百度团队下一个可视化的js库,自2.0更新至3.0以来,其带来的视觉冲击更加强悍,数据可视更加精美,图形交互更加贴合用户。由于echarts2在百度地图的实例上没有作过多的说明,echarts3更是删除了该实例,另外由于工作需要,捣鼓一番,作个笔记。下面针对的是echarts2.2.7,其源码下载地址为:http://echarts.baidu.com/build/echarts-2.2.7.zip百度API调用及echart库引入1. 百度API ak申..

2021-07-14 16:00:00 25

转载 webpack4系列教程(三):自动生成项目中的HTML文件

传送门:webpack4系列教程(一):初识webpackwebpack4系列教程(二):创建项目,打包第一个JS文件1. webpack中的CommonJS和ES Mudule 规范1.1 CommonJs规范CommonJs规范的出发点:JS没有模块系统、标准库较少、缺乏包管理工具;为了让JS可以在任何地方运行,以达到Java、PHP这些后台语言具备开发大型应用的能力。在CommonJs规范中: 一个文件就是一个模块,拥有单独的作用域; 普通方式定义的变量、函数、对...

2021-07-08 19:27:19 10

转载 webpack4系列教程(二):创建项目,打包第一个JS文件

传送门:webpack4系列教程(一):初识webpack1. 创建项目1.1 初始化一个项目首先安装nodejs,打开nodeJs官网直接下载安装即可,安装完毕后打开命令行工具,进入你的项目文件夹,执行npm init 进行项目的初始化:过程中会让你填写项目名、版本、描述、仓库地址、关键字等信息,可以不填一路回车,执行完毕后会在根目录下创建一个 package.json 文件,这样就初始化结束了。过程中会让你填写项目名、版本、描述、仓库地址、关键字等信息,可以不填一..

2021-07-08 19:13:53 10

转载 webpack4系列教程(一):初识webpack

1. 什么是webpack先来看看官网对webpack的介绍 :本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle。简单来说webpack就是一个JavaScript的打包器,将各种模块(module)打包成资源文件;还可以通过 Code Split

2021-07-08 17:50:41 10

原创 天地图加载影像、标记

源码:<!DOCTYPE html><html><head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <meta name="keywords" content="天地图"/> <title>天地图-地图API-范例-加载两个地图</title> <style type="text

2021-07-01 15:12:42 57

转载 高德地图 调用天地图 WMTS 服务

项目里原本用到高德地图的卫星图,但是放大到最小时,有些区域会显示“该区域没有卫星图”,这肯定不行,客户那里也说不过去,最后发现天地图的卫星图是可以的,但是整个项目已经写完了,用到地图的地方也多,换地图重写不现实,时间不够了,最后研究了一下,发现高德地图可以使用第三方图层,而天地图正好提供这种服务,所以,一通操作完美解决。因为两个地图提供的示例是没办法正正好成功的,所以,记录一下写法,下次可以少走弯路一.地图服务API 高德地图 第三方标准图层 AMap.TileLay...

2021-06-30 10:39:01 105

原创 天地图坐标拾取

<!DOCTYPE html><html><head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <meta name="keywords" content="天地图"/> <title>天地图-地图API-范例-根据关键字本地搜索</title> <style type="text/c.

2021-06-24 11:55:30 190

转载 js 提示TypeError: e.indexOf is not a function解决

最近发现我们公司的底层框架使用的jquery版本过低,于是我在网上下载了最新的jquery3.4.1替换掉我们底层框架的jquery,替换掉之后发现,在登录底层后台后,发现iframe出现问题了,点击菜单后直接跳转到iframe内部页面,并且出现TypeError: e.indexOf is not a function的js报错解决方法:这是由于我们使用的$(window).load(function(){})方法在jquery版本中已经废弃了,我们只需要修改成:$(window).on('

2021-06-20 11:07:50 13

转载 easyui comboBox的多选框之疑难杂症——逗号篇

<input id="steels" name="stids" class="easyui-combobox" data-options="prompt:'请选择钢厂',valueField:'id',textField:'name',multiple:true,url:'/vip/users/steellist', panelHeight:'200px'" style="width: 150px">

2021-06-10 10:25:21 23

原创 地图API地址

1.百度地图demo:https://lbsyun.baidu.com/jsdemo.htm#aCreateMap2.

2021-06-04 10:59:11 21

原创 el-date-picker 默认显示当前时间,且显示到分钟如:“2021-04-27 19:15”

用el-date-picker 显示当前时间,显示到分钟<el-date-picker type="datetime" placeholder="选择日期" format="yyyy-MM-dd HH:mm" value-format="yyyy-MM-dd HH:mm" v-model="pollutionSpreadForm.dataTime" size="small" ></el-date-picker>初始化给此组件

2021-04-27 19:24:00 87

原创 Element-UI 对话框 显示偏移问题

问题描述:超出部分隐藏了滚动条当显示dialog的时候,界面向左偏移出现一条空白区域查看样式发现,body里被添加了一个padding-right:17px;解决办法:在全局样式中添加一下代码.el-popup-parent--hidden { padding-right: 0px !important; overflow: hidden !important;}...

2021-04-27 10:19:25 111

转载 el-dialog 关闭再打开后窗口内容不刷新问题

解决办法:直接在内容上加上属性v-if="dialogLogsVisible"<el-dialog title="日志查看" :visible.sync="dialogLogsVisible" fullscreen center :destroy-on-close="true" > <sys-business-log-list v-if="dialogLogsVisible" :record-name="reco.

2021-04-27 09:31:19 260

转载 axios用post提交的数据格式

我们知道axios post方法默认使用application/json格式编码数据,那么解决方案就有两种,一是后台改变接收参数的方法,另一种则是将axios post方法的编码格式修改为application/x-www-form-urlencoded,这样就不需要后台做什么修改了。首先看一下axios 发送POST时存在的问题:vue组件中,axios发送post请求的代码如下this.$axios({ method:"post", url:"/api/haveUser",

2021-04-16 14:18:55 49

转载 qs.stringify参数是空数组的时候字段丢失

qs.stringify参数是空数组的时候字段丢失其中某个数组是空的时候,赋值Null,就不会出现字段丢失for (let i in config.data) { if (Array.isArray(config.data[i])) { if (config.data[i].length === 0) { config.data[i] = null } } } config.data = qs.stringi

2021-04-16 14:14:05 105

原创 常用在线小工具,html过滤、Css、JS、美化、颜色转换拾取、百度地图坐标拾取

1.在线工具https://tool.lu/2.在线html过滤https://tool.chinaz.com/htmlfilter3.RGB颜色值转换成十六进制颜色码工具https://www.sioe.cn/yingyong/yanse-rgb-16/4.在线网页颜色选择器|网页颜色代码获取工具http://www.0430.com/tool/color/5.百度地图坐标拾取http://api.map.baidu.com/lbsapi/getpoin

2021-04-15 15:28:45 28

原创 css3 绘制三角形

不带边框三角形:<html><head><style>.triangle_border_up{ width:0; height:0; border-width:0 30px 30px; border-style:solid; border-color:transparent transparent red;/*透明 透明 红色*/ margin:40px auto; position:relative;

2021-04-14 19:22:55 13

转载 百度地图鼠标绘制工具条库,绘制圆形、矩形、多边形、绘制点、绘制线

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"> body, html{width: 10.

2021-04-14 19:08:26 52

转载 element ui中的el-dropdown(下拉框)防止点一下就影藏的问题

element ui中的el-dropdown(下拉框)防止点一下就影藏的问题当使用el-dropdown下拉框时,下拉框的每项中,可能需要加入@click、@change或复选框等事件,而el-dropdown-item的事件触发时,el-dropdown下拉框总是会收缩,很不合理。官网<el-dropdown trigger="click" placement="left"> <span class="el-dropdown-link"> <button

2021-04-09 15:39:38 115

转载 IDEA突然没有SVN了是怎么回事

总结一下没有svn选项的几种情况:前提是已经安装了SVN插件;情况1:IntelliJ IDEA打开带SVN信息的项目不显示SVN信息,项目右键SVN以及图标还有Changes都不显示解决方法在VCS菜单中有个开关,叫Enabled Version Control Integration,在打开的窗口的选项中选择Subversion即可。操作如下图第一步:弹出界面中选择:Subversion点击OK就搞定了……这时间你再看看你项目右键是不是已经出现了一个Subver.

2020-12-23 16:07:28 63

转载 nginx部署vue项目出现404查找不到js,css文件解决方法

nginx部署vue项目出现查找不到js,css文件,查看请求发现是路径问题;直接修改vue项目中的vue.config.js文件,将基本路径设置为相对路径module.exports = {// 基本路径publicPath:"./", // 可以设置成相对路径,这样所有的资源都会被链接为相对路径,打出来的包可以被部署在任意路径outputDir:“dist”, //打包时生成的生产环境构建文件的目录assetsDir: ‘static’, // 放置生成的静态资源 (js、css、im

2020-12-19 15:01:40 950 1

转载 vue-cli3.0以上build项目打包配置层级

1.新建一个vue.config.js文件,并配置如下:module.exports = { publicPath: './', outputDir: "dist", // 输出文件目录 lintOnSave: false, // eslint 是否在保存时检查 assetsDir: 'static', // 配置js、css静态资源二级目录的位置 }2.结果...

2020-12-19 14:37:14 73 1

转载 vue-cli3项目中,配置vue.config.js解决打包以后页面空白问题

vue-cli3项目中,配置vue.config.js解决打包以后页面空白问题问题说明项目用的是vue-cli3,我是在npm run build以后,打开打包好的文件,结果页面空白,打开console控制台,结果是文件的路径引入错误。解决根目录下新建vue-config-js我们简单一些,不写其他配置项module.exports = { publicPath: "./"};修改route配置吧mode: "history",注释掉,这样,默认就使用的has

2020-12-19 14:34:05 127 1

转载 nginx下部署vue项目的方法步骤

首先要去nginx官网下下载nginx:下载地址:https://nginx.org/en/download.html下载下来会是一个解压包,解压到你想放的文件夹下运行nginx.exe,然后打开浏览器输入localhost出来如下图片所示就说明成功了:然后如果没有成功出来的话也不要慌不要怕,可能是你的端口被别的内容所占了这时你就打开你的nginx的目录下找到conf点击进去然后找到一个nginx.conf的文件然后把它用编辑器的方式打开,打开之...

2020-12-19 14:28:58 586 1

转载 SpeechSynthesisUtterance 语音合成使用 文字语音播报

一、关于HTML5语音Web Speech APIHTML5中和Web Speech相关的API实际上有两类,一类是“语音识别(Speech Recognition)”,另外一个就是“语音合成(Speech Synthesis)”,这两个名词听上去很高大上,实际上指的分别是“语音转文字”,和“文字变语音”。而本文要介绍的就是这里的“语音合成-文字变语音”。为什么称为“合成”呢?比方说你Siri发音“你好,世界!” 实际上是把“你”、“好”、“世”、“界”这4个字的读音给合并在一起,因此,称为“语音合

2020-12-15 16:00:28 627 1

转载 flex:1及flex取值的理解

1. flex布局参照:阮一峰的文章2. flex:1的理解2.1 概念flex:是 flex-grow、flex-shrink、flex-basis的缩写,默认值为0 1 auto。后两个属性可选 剩余空间:父容器在主轴方向上的可用空间。 具有flex环境的父容器,通常是有一条主轴和一条侧轴,默认情况下,主轴就是水平从左向右,侧轴是垂直从上到下 剩余空间 = 父元素宽度 - 所有子元素宽度的和 剩余空间示例 2.2 flex属性2.2.1 .

2020-11-26 09:49:23 385 1

转载 详细了解 clientWidth、clientHeight、clientLeft、clientTop 以及几个常用的场景

clientLeft、clientHeight、clientWidth、clientHeightclientWidth、clientHeight元素内部宽度和高度,clientLeft、clientTop获取元素内边距边框到边框的距离.大概如下图所示:clientWidth属性表示元素的内部宽度,以像素计。该属性包括内边距,但不包括垂直滚动条(如果有)、边框和外边距。如上图所示, 计算方式为, 分为如下两种:存在垂直滚动条 content width + paddin...

2020-11-23 11:33:51 121

转载 给大伙儿盘一盘,那些提效/创意的 vscode 插件

原文:https://juejin.im/post/6870428510041833480在前端开发中,vscode是最常用的编辑器,而vscode有着各种实用插件,有些可以帮助我们提升效率,有些可以让我们的工作过程变得更加快乐。今天我们就来介绍一下这些好用的插件吧~提效类插件1、代码神器 - Power Mode首先,介绍的第一款插件是Power Mode,它可以让你的编程过程变得更加快乐(如下图)。image除了上面那种效果外,这个插件还有其他的几种效果,都是不错...

2020-10-26 14:08:44 30

转载 最火前端Web组态软件(可视化)

前言:随着物联网、大数据等技术高速发展,我们逐步向数字化、可视化的人工智能(AI)时代的方向不断迈进。智能时代是工业 4.0 时代,我国工业领域正努力从“制造”迈向“智造”的新跨越。正文:1.mxgraph:介绍:开源免费,但是需要解决的问题很多,国内学习参考资料少。但是,可视化组态的实现基本都是借助于这个框架来实现的。演示demo:https://jgraph.github.io/mxgraph/javascript/examples/grapheditor/www/index.htm

2020-10-16 16:10:13 5159 3

转载 IDEA左侧的project目录结构不见了怎么办

我相信很多小伙伴,和小编一样,在刚使用idea的使用不小心设置让project工程项目结构不见了,造成打开文件,非常麻烦。下面小编就教大家如何找回这个工程目录吧!工具/原料 电脑系统:win7,64位 软件版本:IntelliJ IDEA 15.0.3 方法一: 1 打开idea,点击顶部菜单栏中的【view】 2 选择”tool windows“点击【project】 3 点击之后,工程目录就显示出来了哦! END

2020-10-16 13:58:01 2023 2

原创 web组态学习——SVG虚线的动态效果

1.利用svg的stroke-dasharray来创建虚线<!DOCTYPE html><html><body><svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <g fill="none" stroke="black" stroke-width="4"> <path stroke-dasharray="5,5" d="M5 20 l215 0" />

2020-09-30 15:21:22 442

原创 web组态学习——Le5le Topogy可视化绘图工具绘制组态图(二)

1.打开Le5le Topogy可视化绘图工具,点击“我的图片”,可以上传所需要的的组态图片素材,尝试了不能上传svg格式的图片,这里传的是.png格式的图片。如图所示2.点击"文件"新建文件,拖拽左侧图片,到右侧画布中,制作自己的组态图。3.组态图源码<html> <head> <style> .water { stroke-dasharray: 1000; stroke-dashoffset: 1000;

2020-09-30 13:51:30 1342

原创 web组态学习——Le5le Topogy可视化绘图工具使用(一)

1.Le5le Topogy可视化绘图工具网址:http://topology.le5le.com/workspace?id=5d4d725a6025d7704b1132402.点击“查看”菜单,选择“行业解决方案”,可以查看各种类型的图架构图、拓补图、电力能源、水利等案例,可以参考。3.点击“电网”状态图查看如下4.点击“文件”菜单下载文件为svg;5.给下载后的svg文件的节点添加id,添加到自己的工程中,我用的是html界面,直接嵌入svg代码就行,通过获取节点对象来实

2020-09-30 10:53:40 683

转载 CSS规范

css指层叠样式表 (Cascading Style Sheets),定义如何显示html元素,但由于css天生全局性,随着项目复杂度增加,极易出现样式覆盖以及其它的问题。1. 通用规范文件编码 为了避免内容乱码,统一使用UTF-8编码保存。 样式文件第一行设置字符集为 UTF-8 @charset 'UTF-8'; /* 注意字符集说明应在第一行 */缩进规范统一使用两个空格缩进2. 初始化规范各浏览器厂商的初始样式都不一样,为了...

2020-08-19 15:57:19 87

转载 querySelectorAll与querySelector的区别

querySelectorAll与querySelector的区别:querySelectorAll : 找出所有匹配的节点并返回数组.querySelector : 找到一个后就返回节点对象。1、querySelector只返回匹配的第一个元素,如果没有匹配项,返回null。2、querySelectorAll返回匹配的元素集合,如果没有匹配项,返回空的nodelist(节点数组)。3、返回的结果是静态的,之后对document结构的改变不会影响到之前取到的结果找出body标签下的第一..

2020-08-17 15:14:03 40

原创 Javascript 高阶函数

2020-07-29 11:43:00 36

转载 免抠图PNG素材网站

今天再给大家补充两个非常棒的免抠图PNG素材网站(一个国内、一个国外)一、觅元素http://www.51yuansu.com国内网站,提供各类PSD、PNG、AI等多种格式的素材和背景下载,比如我们搜索逐灯笼,可以看到素材的质量非常高。唯一遗憾的是,免费用户,一天只能下载5次(不过你可以用多个qq注册多个号)二、pngimghttp://www.pngimg.com国外的网站,下载免抠图的png,素材质量好到令人发指,而且全免费(...

2020-07-28 15:41:25 181

SYMFAC1.EXE组态资源图片

SYMFAC1.EXE 是一款桌面端的工控图库软件,包含,管道,油罐、化学储罐,各种箭头,机器面板等工控图

2020-09-29

echarts3.0引入百度地图.rar

echarts3.0引入百度地图

2021-07-16

Echarts2.0引入百度地图.rar

Echarts2.0引入百度地图

2021-07-16

大华视频监控插件&demo可用.rar

大华摄像头web插件二次开发使用 WEB32网页调用接口说明V2.0.doc,能直播,抓图,回放,截图监控视频,没有云盘操作,亲测可用

2020-04-20

lngLatShiQu.html

天地图坐标拾取,鼠标移动获取经纬度,自己申请key值运行可用或粘贴到http://lbs.tianditu.gov.cn/api/js4.0/examples.html天地图实例中运行即可。

2021-07-01

visualizationChart-master.zip

Echarts图表可视化大屏显示

2021-05-14

VOcs走航图是怎么实现的

发表于 2021-01-05 最后回复 2021-01-05

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

TA关注的人 TA的粉丝

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