3 过往深处少年蓝

尚未进行身份认证

我要认证

你是我落斓星河长风贯过北极,遥坠故里又仓惶离去难得的盈盈笑意。你让我诗引九霄落笔惊雷又写下惆怅,这相思易起锦书难寄苦了谁的白月光。

等级
TA的排名 2w+

vue中百度地图使用笔记———覆盖物(点,折线)的创建,删除,自定义属性,地图点击事件,设置地图中心点,覆盖物的文字样式设置

功能描述:在百度地图中,我们需要选择设备,然后进行标注在地图中,而且是批量标注,这时就需要绘制地图点,线,所以这时点、线就涉及到创建,删除,创建自定义属性(创建自定义属性是为了绑定ID,与设备信息联系在一起,因为创建的覆盖物只包含该覆盖物的地图信息,不包含设备信息)等功能要实现该功能,我们的思路很简单:选择设备——创建覆盖物(绘制点、线)——给点、线绑定删除事件——自定义属性创建覆盖物(点、线):创建点不传入自定义图标,则使用地图的默认图标覆盖物的可拖拽:Lmarker.enableDra.

2020-05-18 14:16:02

解决for循环中的异步问题

问题描述:当我们使用for循环时,里面执行异步操作(比如延时器,接口请求等等),就会出现里面执行的永远是最后一次循环的结果,原因是因为for循环是同步的,当异步操作还没走完,for循环已经全部执行完成了,所以得到的永远是最后一次的结果。解决办法1(闭包):通过闭包来保存每次循环的执行状态for (var i = 0; i < 5; i++) { (function(a){ setTimeout(function(){ console.log

2020-05-15 10:28:16

vue项目中使用vuedraggable

安装npm install vuedraggable<template> <div class="fluid container"> <div class="form-group form-group-lg panel panel-default"> <div class="panel-heading"> <h3 class="panel-title">拖拽组件</h3> ..

2020-05-14 19:32:29

实现vue项目下多元素限定边界的拖拽功能

要求:实现多个元素在限定的范围内自由拖拽(除vue的其他项目也可以用,稍微修改下即可)拖拽原理:onmousedown(鼠标左键点下),onmousemove(鼠标移动),onmouseup(鼠标松开)三个事件的顺序执行,在移动过程中去获取需要定位的值,然后改变该元素定位的left,top值。限定边界原理:做相应的边界判断直接上代码,代码注释的非常详细:<template> <div> <div id="dragBox"> &lt

2020-05-13 16:28:52

解决vue中双击事件会触发两次单击事件问题

问题描述:当在dom上同时绑定单击事件和双击事件时,点击双击事件会触发两次单击事件,这是我们不想看到的,而是应该单击事件与双击事件分开。分析:单击事件和双击事件区别就在间隔时间,当我们点击一次时,设置一个延时器,延时一定时间(300ms为好),在这300ms之内,在此点击,认定执行的是双击事件,如果超过300ms再点击第二次,执行的是单击事件。方案:单击事件代码:handleNodeClick(data) { var that = this // 开启定时器,300

2020-05-09 10:59:05

vue-baidu-map的使用(二)——关于自定义控件以及控制标注是否显示问题

首先我们引入vue-baidu-map地图,可以参考:https://blog.csdn.net/qq_39009348/article/details/90070142,里面有详细的vue-baidu-map的基本使用方法。需求:如果我们需要自定义一个控件区域,并且在该控件区域控制我们的某些标注是否显示,以及搜索详细地址,该如何做呢?首先我们引入自定义控件:在<baidu-m...

2020-05-08 11:10:21

vue项目中实现elementui多语言切换

要实现elementui的多语言切换有两种方法第一种方法:根据自己需要加载语言包(并不是页面的手动切换)import Vue from 'vue'import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css' // 引入elementui样式// import locale from '...

2020-04-02 14:27:03

vue项目封装组件发布到npm笔记

一、创建项目新建一个文件夹,在该文件夹目录下的控制台执行vue init webpack-simple,创建vue新项目,然后在执行npm install安装依赖,创建好vue项目后,在src下新建一个放组件源码的文件夹,我下面是两个组件,最好是所有组件放在一个文件夹。二、创建组件自己随便写一个小的ui组件,自己测试一下没问题即可。<template> &lt...

2020-01-18 10:45:17

vue中使用websocket

<template><div> <el-button>发送消息</el-button></div></template><script>export default { data() { return { websocket: null, path: 'ws:/...

2020-01-15 10:22:07

解决IE不兼容Date.parse()方法的问题

问题描述:在IE中调用Date.parse('2019-2-3')时报错,得到的是NAN,严格的说,IE不是不兼容Date.parse(),不是不兼容这个方法接收2019-2-3这种格式的参数。解决方法:把2019-2-3改成2019/2/3即可:var date = '2019-2-1'Date.parse(date.replace(/-/g, '/')) //15489...

2019-12-27 17:16:16

解决vue-baidu-map在IE和火狐下不显示的问题

问题描述:在使用vue-baidu-map时,发现地图在谷歌或者谷歌内核的浏览器下可以正确显示,但是在火狐和IE,或者IE内核(如遨游等双核浏览器的IE内核模式下)不显示,甚至连VUE项目都打不开来,且报两处错误,如下:光看报错,很难确定错误原因,我们还是去vue-baidu-map中找答案吧,我们在官方文档中发现这么一句话,加载vue-baidu-map是要安装loader...

2019-12-27 10:18:29

解决vue项目背景图片在IE和火狐上不显示的问题

问题描述:在开发平台首页时,发现首页的背景图老是不显示,且仅限在IE内核的浏览器和火狐浏览器,例如谷歌或者遨游的谷歌内核浏览器内可以正常显示,遨游浏览器切换到IE内核时却不显示了。简直是怪事;问题分析:开始都是从打包角度去考虑,以为是打包路劲问题,其他背景图正常,唯独这张背景图不显示,后来考虑是背景图有问题,换可以正常显示的背景图,发现也不显示,又发现该背景图在开发环境中在火狐和IE下...

2019-12-26 16:35:28

vue-cli代理https接口报500错误

解决办法:webpack默认代理不支持 https 协议,如若要代理https请求,则需配置如下,proxyTable: { // 代理所有的以 /xinruiapi开头的请求到 https://xxxx.com '/xinruiapi': { target: 'https://xxxx.com', changeOrigin: tr...

2019-12-18 17:34:16

请求get变化为options的问题解决办法

遇到问题:项目上线后,原来的get请求的接口变成了OPTIONS,且接口是200 Ok.显然,这个接口是没有调通的,且控制台打印了错误:显然这是关于跨域的问题为什么会出现请求变成options呢? 非简单请求的CORS请求,会在正式通信之前,增加一次HTTP查询请求,称为”预检”请求(preflight),在post,put,delete发送之前发送一个 OPT...

2019-12-16 13:58:16

js解决递归函数超出调用栈最大次数问题

我们定义一个求和的递归函数,用y来计数,正常情况下,如果传参sum(1,1000),是可以输出1001的,但是当计数次数超过一定范围时,如10000000,就会报错。 function sum(x,y){ if(y>0){ return sum(x+1,y-1) }else{ return x } } var...

2019-11-06 15:51:19

【JS】深拷贝与浅拷贝的区别,实现深拷贝的几种方法

如何区分深拷贝与浅拷贝,简单点来说,就是假设B复制了A,当修改A时,看B是否会发生变化,如果B也跟着变了,说明这是浅拷贝,拿人手短,如果B没变,那就是深拷贝,自食其力。此篇文章中也会简单阐述到栈堆,基本数据类型与引用数据类型,因为这些概念能更好的让你理解深拷贝与浅拷贝。我们来举个浅拷贝例子:let a=[0,1,2,3,4], b=a;console.log(a===b);...

2019-11-01 15:49:21

二分法查找与对象方法查找出现次数最多字符

二分法查找:原理:对已经排序的数组进行查找,进行下标的二分(对首尾下标取中间值,不断缩小查找范围,比起全循环性能要好,不必每项都去循环)function foundNum(arr,num){ var len=arr.length var st=0 var end=len-1 while(st<end){ var mid=Math.floor...

2019-11-01 15:02:30

vue原理解析

一、Vue对比其他框架原理Vue相对于React,Angular更加综合一点。AngularJS则使用了“脏值检测”。React则采用避免直接操作DOM的虚拟dom树。而Vue则采用的是Object.defineProperty特性(这在ES5中是无法slim的,这就是为什么vue2.0不支持ie8以下的浏览器)Vue可以说是尤雨溪从Angular中提炼出来的,又参照了React的性...

2019-09-27 15:32:04

解决axios请求后端返回中文数据乱码问题

在项目开发时,遇到后端返回的数据中文乱码,顿时惊了,什么情况?于是尝试着去分析解决,一般浏览器的编码是UTF-8,且axios请求默认为utf-8,而后端的编码为GBK。所以出现乱码。尝试了无数种办法,如设置编码格式:Content-Type':'application/x-www-form-urlencoded;charset=UTF-8',都没有用,而且网上的解决方式比较少,看了ax...

2019-09-26 17:06:40

vue项目启动流程

自Vue项目执行npm run dev启动项目后,开发环境首先会去找到webpack.dev.conf.js文件,这里配置了启动项目的服务,启动端口之类的:webpack.dev.conf.js下面引入了这两个文件执行npm run dev或者npm run start,实际是在node环境执行build/dev-server.js或者webpack.dev.conf.j...

2019-09-24 17:26:17

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。