mouseenter和mouseleave与mouseover和mouseout的区别

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

2019-04-19 15:58:10

阅读数 8

评论数 0

mapbox 向地图添加Marker

方法有很多种 一、 var coordinates = document.getElementById("coordinates"); var map = new mapboxgl.Map({ container: "map", ...

2019-04-15 11:22:15

阅读数 7

评论数 0

mapbox FullscreenControl 全屏展示出现底部留黑

这个是我用天地图公司写的但是出现了全屏展示的时候出现了底部流黑,查看流黑是因为他默认给了900多的高度,我们加上这两句就可以了 document.getElementsByClassName("mapboxgl-canvas")[0].style.height = &quo...

2019-03-28 14:45:24

阅读数 13

评论数 0

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

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

2019-03-27 10:03:25

阅读数 21

评论数 0

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

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

2019-03-25 09:09:12

阅读数 55

评论数 0

mapbox中常用的addControl组件

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

2019-03-22 17:01:04

阅读数 24

评论数 0

mapbox常用的方法

一、setPitch 设置地图的俯仰(倾斜)。相当于jumpTo({pitch: pitch})。 参数 pitch 要设置的音高,以度数为单位,远离屏幕平面(0-60)。(number) eventData 要添加到此方法触发的事件的事件对象的其他属性。(Object) 返回 Map...

2019-03-22 16:55:11

阅读数 11

评论数 0

mapbox setLayoutProperty 实现地图切换

上两篇分别写了地图的展示,和百度下标的样式,要求做一个可以切换地图的,先来个图片 这个实现了线和点在地图中的切换https://docs.mapbox.com/mapbox-gl-js/example/toggle-layers/ 这个根据官网的例子做了处理, setLayoutProp...

2019-03-22 15:28:48

阅读数 42

评论数 0

CSS3 transition 属性 实现地图切换

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

2019-03-20 10:47:19

阅读数 13

评论数 0

mapbox展现地图

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

2019-03-20 09:18:14

阅读数 22

评论数 0

XMLHttpRequest对象进行post和get请求

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

2019-03-20 09:13:39

阅读数 11

评论数 0

css设置背景图片拉伸全屏不重复

话不多说直接上图我们只给了宽和高100%就会出现这种状况 <template> <div class="hello"></div&a...

2019-03-14 14:56:00

阅读数 18

评论数 0

js刷新页面之前弹出提示

onbeforeunload 事件在即将离开当前页面(刷新或关闭)时触发。 该事件可用于弹出对话框,提示用户是继续浏览页面还是离开当前页面。 对话框默认的提示信息根据不同的浏览器有所不同,标准的信息类似 "确定要离开此页吗?"。该信息不能删除。 但你可以自...

2019-03-13 13:58:55

阅读数 115

评论数 0

js查找字符串中某字符连续出现最多的次数,打印这个字符和次数

思路 一、借助一个中间值, middle当每次的循环的值都存进来, function test(str) { let count = 0; //计数 let middle = null; //中间值 let end = null; //第一名 let e...

2019-03-06 18:55:03

阅读数 30

评论数 0

js获取dom节点

通过ID获取(getElementById) 通过name属性(getElementsByName) 通过标签名(getElementsByTagName) 通过类名(getElementsByClassName) 获取html的方法(document.documentElement) 获取bod...

2019-03-04 14:57:43

阅读数 11

评论数 0

js常用方法

数组操作的方法: filter(): 过滤器三个参数:当前元素,当前元素的索引,当前的数组对象 filter()不会改变原始数组。 常用数组去重 var arr = [0,2,0,5,6,0,8,2,0,2,0,1,0,2,0,0,26,0] console.log(...

2019-03-04 11:28:20

阅读数 31

评论数 0

Vue.js+elementui实现单选

<el-tabs v-model="activeName"> <el-tab-pane label="未审核" name="...

2019-02-26 11:31:12

阅读数 17

评论数 0

Vue.js大文件上传

很多时候我们都会用到大文件的上传,但是如果单一的上传会很慢,前端将2M发送一个请求,然后传给后台,后台将其拼接起来,当最后一个都传完,后台拼接存起来,返回我们所需要的路径 首先创建一个js文件 class fileUpload { constructor(serviceUrl) { ...

2019-02-26 08:57:57

阅读数 119

评论数 0

Vue.js实现联动

话不多说先上效果图,实现的功能就是想京东的添加地址一样的联动 首页页面的效果,我用作的是element.ui 实现头部tab数据结构是这样的 <mt-popup v-model="opentc" position=&am...

2019-01-28 10:38:48

阅读数 91

评论数 0

在Vuex使用 以及 dispatch和commit来调用mutations的区别

dispatch:含有异步操作,例如向后台提交数据,写法: this.$store.dispatch('mutations方法名',值) commit:同步操作,写法:this.$store.commit('mutations方法名',值)

2019-01-16 09:48:27

阅读数 106

评论数 0

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