自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 css 修改input type CheckBox 复选框

<input type="checkbox" :value="item.id" v-model="sjIds" v-if="[0,1,4].includes(item.hczt)" />input[type="checkbox"] { width: 25px; height: 25px; visi...

2020-07-27 15:48:31 20

原创 vue 项目中获取微信地理位置

mounted() { this.wxRegister(); }, methods: { wxRegister() { let that = this; // 获取后台配置 let nowdata = Math.round(new Date().getTime() / 1000).toString(); let uuid = this.newuuid(); let url = encodeURIComponent(wi..

2020-07-23 12:05:57 34

原创 vue+node.js+mysql+Express(零基础搭建一)

首先到这一步可以看我之前的写的vue搭建https://blog.csdn.net/xm_w_xm/article/details/81982128一、安装依赖npm installelement-ui vuex axios mysql express --save在package.json 中看到依赖已经下好了,在main.js中加入import axios from...

2020-07-23 11:42:18 27

原创 Navigating to current location (“路由名t“) is not allowed

原因:因为点击事件的时候调用了两次解决办法:只要一次就不会报错changer(val) { console.log(val, this.$route, "changer"); if (this.$route.name != val) { this.$router.push({ name: val }); } }...

2020-07-07 16:21:43 36

原创 marked 用户手册 在线查看

npm install marked --save要求写一个在线的用户手册,样式<template> <div id="help"> <!-- <header></header> --> <div id="help-aside"> <div id="help-aside-1"> <span class="xian"></span> ..

2020-06-29 16:03:26 35

原创 elementUI输入框不能输入

<el-input v-model="scopes.row.checkListString" @input="change($event)" v-show="scopes.row.isShowInput" ></el-input>change() { th...

2020-06-23 10:01:44 97

原创 mapbox 实现draw 点击事件的更改

直接上图,相从右侧换到左侧的点击事件上面原始的添加一个点的方式是这样的,刚开始通过更改他的css发现不能实现,//添加工具 draw = new MapboxDraw({ displayControlsDefault: false, controls: { point: true // line_string: tru...

2020-06-18 14:25:36 390

原创 js 怎么改变URL图片的大小并生成新的URL

我想做的是要将原始图片缩小,并且生成新的地址var canvas1 = document.createElement("canvas"); document.body.appendChild(canvas1); var context = canvas1.getContext("2d"); var img = new Image(); img.setAttribute("crossOrigin", "anonymous");//不加这个会连接会是空白的

2020-06-10 20:45:14 79

原创 vue+mapboxgl 鹰眼展示

一、实现效果话不多说直接上图,查看了 这个博主地址,https://blog.csdn.net/u014529917/article/details/62216130 他是用openlayer 写的二、什么是鹰眼1、首先要有两个地图 大图,小图,鹰眼范围图(简称鹰眼)2、大图移动,放大缩小的时候要相应的放大和缩小3、小图不动,鹰眼图放大和缩小时,大图展示相应的位置三、实现思路1、小图比大图的层级小4(我这边设置的是小4,也可以是2和3看需要)2、获取大图的屏幕四点坐标.

2020-06-10 17:51:15 94

原创 vue 用vue-ueditor-wrap 富文本编辑器发送请求,华为云xss报418恶意攻击解决办法

一、XSS攻击原因首先了解一下为什么会xss攻击,因为我们用的富文本编辑器是vue-ueditor-wrap,所以他编写好的是一个html,所以他就会报xss攻击,富文本编辑器是这样的可以看到我们编辑后的值是这样的我们传了他的html,因为他是含有他的id和class,http://jsxss.com/zh/index.html 这个是xss文档二、XSS安装与使用我用的是vue$ npm install xssvar xss = require('xss');...

2020-05-21 10:57:10 98

原创 webpack打包vue项目放到tomcat下访问不到

如果我们直接将我们前段代码放到Tomcat下的webapps/中的话,我们的找到这个文件后

2020-05-15 16:02:23 175

原创 vue在index.html中引入静态文件找不到

我在index.html 引入了一个js,在其他的组件中用window获取显示undefinedwebpack.dev.conf.jswebpack.prod.conf.jsindex.js

2020-05-15 14:52:58 166

原创 fabric.js Canvas实用库 api记录

一、什么是fabric.js今天,我想向您介绍Fabric.js—一个功能强大的Javascript库,使使用HTML5 canvas的工作变得轻而易举。Fabric提供了画布缺少的对象模型,以及SVG解析器,交互性层和一整套其他必不可少的工具。这是一个完全开放源代码的项目。演示http://fabricjs.com/简单的例子来看下他的区别//用canvasvar canv...

2020-03-04 16:04:31 135

原创 vue elementui el-table 在v-if切换时内容对不上

<el-table :data="tilesetListData" height="100%" style=" padding: 0px 11px 0px 11px; border-radius: 15px;" v-if="theid=='1'" ref="theid1...

2020-02-25 16:29:52 385

原创 vue + swiper 时间轴

首先引入,有淘宝镜像的用 cnpm install swiper --save 没有的用 npm install swiper --save<template> <div class="hello" style="height:100%;width:100%;position:relative;"> <div class="swiperlist"...

2020-01-07 17:58:21 348

原创 mapbox 卷帘

画布多说直接上图,就是简单的卷帘功能首先的看官网的例子已经有啦,https://docs.mapbox.com/mapbox-gl-js/example/mapbox-gl-compare/所以改良一下就是这样的了<template> <div class="hello" style="height:100%;width:100%;position:rela...

2020-01-07 11:06:58 170

转载 mapbox 分屏对比

我们要做的的是左右分屏后两张地图同步对比,而且可以切换数据,实现的效果图是这样的<template> <div class="hello" style="height:100%;width:100%;position:relative;"> <div class="map1" id="map1"></div> <d...

2020-01-05 14:57:02 191

原创 mapbox 聚合图

话不多说先看效果图要实现的功能就是按照根据省份展示出各省上传的数据量首先我们可以查看mapboxgl官网有一个例子地址如下:https://docs.mapbox.com/mapbox-gl-js/example/cluster/可以复制过来直接查看是否有聚合图是这样的之后我想把数据的颜色变得有些透明的颜色,将字体的颜色改成白色的https://docs.mapbox....

2019-12-19 16:31:40 390

原创 js截取两个字符串之间match方法(正则表达式)

首先我想截取http://219.234.155.200:6528/api/v1/icon/11001000040/sprite这个字符传中的icon后面,sprite前面的,不带"/" 的id我们首先要确定的是"/" 在正则中的表示方法/\//var str = 'http://219.234.155.200:6528/api/v1/icon/11001000040/sprit...

2019-10-22 10:27:28 288

原创 Set对象

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects可查看网站Set对象允许你存储任何类型的唯一值,无论是原始值或者是对象引用。set对象中有很多的方法1、Set.prototype.add()add()方法用来向一个Set对象的末尾添加一个指定的值。var...

2019-07-31 10:58:08 67

原创 vue-socket

https://www.npmjs.com/package/vue-socket.io这个是文档在Vue中下载socketnpminstallvue-socket.io--savehttps://www.cnblogs.com/wangcq/p/3520400.html这个是通信原理可以看看,我觉得写得很好在main.js中是酱紫写得import VueSocket...

2019-07-19 17:49:21 400

原创 前端Cannot read property 'disabled' of null 问题解决

首先控制台一直报这个错误,我找了好久没有找到为什么后台百度因为这个,后来发现是写法的问题,这个是因为在页面中使用了el-dropdown,但是在这个标签里面没有设置它的子元素,所以会报错,在el-dropdown中添加el-dropdown-menu标签就好...

2019-07-19 13:48:09 10417 12

原创 css一个子模块在父模块中随机浮动

首先,先说功能上面做一个在轮播图上面浮动一个提示首先在网上找到了一个例子是一个小球在这个代码是酱紫的<!doctype html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" cont...

2019-07-11 16:59:37 166

原创 element上传附件

<el-form-item label="上传附件:"> <el-upload class="upload-demo" :action="ZPurl+'/uploadFiles?folderName='+'WTGL'" :on-success="handlesuccess...

2019-07-11 16:26:14 899

原创 js 用url传值取值

传值方法一,字符串拼接 var url = window.jumpcarto + "?access_token=" + this.util.storage.get("access_token") + "%styleId=" + data.data_id + "&libId+" + ...

2019-07-03 20:49:52 736

原创 js+v-html+正则表达式去除所有& nbsp和html标签(& nbsp 换行 )

输入文字时我们会遇到想要回车的时候但是发现存进库中的数据不能够进行分行和空格,所以我用正则将保存之前进行转换,然后在编辑的时候,去掉空格在去掉 的时候我参考了这个链接,写的非常的不错https://blog.csdn.net/XPY567/article/details/49756421这个是两个方法// 添加保留换行符 Vue.prototype....

2019-06-14 18:13:30 4502

原创 vue+element 实现树结构

话不多说直接先上图 <el-tree style="overflow:auto;text-align: left;" :data="Allxzlist" :props="props1" :show-checkbox="true" @check-...

2019-06-14 17:54:21 831

原创 vue 文件的下载

我需要下载的东西在浏览器的下方展示出来download(val) { this.furl = null; let param = { userId: this.$store.state.Login.userInfo.ID, deptId: this.$store.state.Login.userInfo.DEPARTMENTID, ...

2019-06-14 17:49:51 81

原创 element table实现单选

//选择表格中的某一项进行提交或退回 handleSelectionChange(val) { this.furl = null; this.enclick = false; let info = {}; if (val.length > 1) { // this.$refs.multipleTable.clearSe...

2019-05-24 11:02:09 621

原创 用正则表达式 控制输入为正数数值型

用的是elementUI 可以用@change ,@keyup.native,@keyup.enter.native <el-form-item label="分 辨 率(米):"> <el-input v-model="sjlxform.yxsj.FBL" @change="numchan...

2019-04-28 16:37:14 388

原创 mouseenter和mouseleave与mouseover和mouseout的区别

一、mouseenter(指针穿过,子集不执行)当鼠标指针穿过(进入)被选元素时,会发生 mouseenter 事件。mouseenter() 方法触发 mouseenter 事件,或添加当发生 mouseenter 事件时运行的函数。注意:与mouseover事件不同,mouseenter 事件只有在鼠标指针进入被选元素时被触发,mouseover 事件在鼠标指针进入任意子元素时...

2019-04-19 15:58:10 446

原创 mapbox 向地图添加Marker

方法有很多种一、var coordinates = document.getElementById("coordinates"); var map = new mapboxgl.Map({ container: "map", style: "mapbox://styles/mapbox/streets-v11", center: [0, 0],...

2019-04-15 11:22:15 2512 5

原创 css自定义横向流程图,步骤图

特想吐槽下,上传的图片尽然给拉伸了。图片都展示不好了(*-*)生气,就先凑合看吧首先进行中的为绿色,进行中的为橙色,未进行的为灰色,活不多说直接上代码,横向的为自己手写,纵向为elementUI自带的<ul class="steps"> <li v-for="(item,index) in list" :key="item.id" :class=...

2019-03-27 10:03:25 1862

原创 Vue.js + beforeRouteUpdate实现登录校验的跳转

首先我们需要调用一个后台的登录服务,但是每次刷新的时候,都会离线,所以有调用一个可以校验是否在线的服务这个,通过校验是否登录我们进行跳转登录页面还是,登录成功之后进入系统主页面,然后将用户的信息存入到vuex中,供其他的模块调用首先看我的vuex配置模块的结构是这样的在vuex / index.js中这样配置import Vue from "vue"import Vuex fr...

2019-03-25 09:09:12 780

原创 mapbox中常用的addControl组件

一、全屏map.addControl(new mapboxgl.FullscreenControl(), "top-left");二、放大缩小map.addControl(new mapboxgl.NavigationControl(), "top-right");

2019-03-22 17:01:04 1049 1

原创 mapbox常用的方法

一、setPitch设置地图的俯仰(倾斜)。相当于jumpTo({pitch: pitch})。参数pitch 要设置的音高,以度数为单位,远离屏幕平面(0-60)。(number)eventData 要添加到此方法触发的事件的事件对象的其他属性。(Object)返回Map:this二、jumpTo在没有动画过渡的情况下更改中心,缩放,方位和音高的任意组...

2019-03-22 16:55:11 904

原创 mapbox setLayoutProperty 实现地图切换

上两篇分别写了地图的展示,和百度下标的样式,要求做一个可以切换地图的,先来个图片这个实现了线和点在地图中的切换https://docs.mapbox.com/mapbox-gl-js/example/toggle-layers/这个根据官网的例子做了处理,setLayoutProperty设置指定样式图层中布局属性的值。参数layer 要设置布局属性的图层的ID。(s...

2019-03-22 15:28:48 1152

原创 CSS3 transition 属性 实现地图切换

话不多说,直接上图,我查看了百度地图的然后试着做了一个具有收缩功能的<template> <div id="mapType"> <div class="mapTypeCard vectorType"> <span>地图</span> </div> <div class="...

2019-03-20 10:47:19 142

原创 mapbox展现地图

https://docs.mapbox.com/mapbox-gl-js/api/这个mapbox的官网,现在举个例子,展现地图直接上图<template> <div class="hello"> <div id="map" style="width: 2400px; height: 1000px;"></div> ...

2019-03-20 09:18:14 533

原创 XMLHttpRequest对象进行post和get请求

XMLHttpRequest 对象用于在后台与服务器交换数据。在不重新加载页面的情况下更新网页 在页面已加载后从服务器请求数据 在页面已加载后从服务器接收数据 在后台向服务器发送数据 let request =new XMLHttpRequest(); request.open("post","http://admin.fengdumao.cn/api/works/getWor...

2019-03-20 09:13:39 802

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