2019年03月_侧耳倾听...

12月 10月 07月 06月 05月 04月 03月 02月 01月

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

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

2019-03-28 14:45:24 675

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

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

2019-03-27 10:03:25 6453

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

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

2019-03-25 09:09:12 1273

原创 mapbox中常用的addControl组件

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

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

原创 mapbox常用的方法

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

2019-03-22 16:55:11 2622

原创 mapbox setLayoutProperty 实现地图切换

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

2019-03-22 15:28:48 4712

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

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

2019-03-20 10:47:19 620

原创 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 1047

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

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

2019-03-20 09:13:39 2641

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

话不多说直接上图我们只给了宽和高100%就会出现这种状况<template> <div class="hello"></div></template><script>export default { name: "HelloWorld", data() { return {}; }};

2019-03-14 14:56:00 11954 1

原创 js刷新页面之前弹出提示

onbeforeunload 事件在即将离开当前页面（刷新或关闭）时触发。该事件可用于弹出对话框，提示用户是继续浏览页面还是离开当前页面。对话框默认的提示信息根据不同的浏览器有所不同，标准的信息类似 "确定要离开此页吗？"。该信息不能删除。但你可以自定义一些消息提示与标准信息一起显示在对话框。注意：如果你没有在 <body> 元素上指定 onbeforeunloa...

2019-03-13 13:58:55 9165

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

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

2019-03-06 18:55:03 2650 2

原创 js获取dom节点

通过ID获取（getElementById）通过name属性（getElementsByName）通过标签名（getElementsByTagName）通过类名（getElementsByClassName）获取html的方法（document.documentElement）获取body的方法（document.body）...

2019-03-04 14:57:43 475

原创 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(arr) var newarr = [] newarr = arr.filter(funct...

2019-03-04 11:28:20 223