自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(63)
  • 收藏
  • 关注

原创 excel自定义函数之汉字转为拼音及大写字母

至于怎么在excel里面自定义函数,自行百度都有,这里简单截图看看。使用场景:想把姓名转化为拼音格式,然后拼音转为大写字母。使用excel自带的upper函数就能转大写字母。把下面这段代码粘贴就能实现汉字转化为拼音;步骤:文件》选项》自定义功能区》

2023-11-21 22:29:19 453

原创 error Missing list of packages to add to your project.

error Missing list of packages to add to your project.

2022-10-28 10:21:10 3782 1

原创 Chrome保存的HAR文件怎么打开?

不知道为什么好多人都再去用第三方工具Fiddler打开。谷歌导出的文件就用谷歌导入不就完了吗。

2022-09-21 15:16:18 2122 1

原创 openlayers实现卷帘功能

openlayers实现卷帘功能。

2022-09-08 15:00:44 1027

原创 openlayers鼠标经过要素高亮显示要素

openlayers鼠标经过要素高亮显示要素。

2022-09-06 17:37:10 1154

原创 实现跟vant组件中的NoticeBar一样的通知栏

效果跟vant组件中的NoticeBar一样。封装成一个组件在vue使用。

2022-08-18 16:36:54 650

原创 vue+cesium量算---测距测面测高

量算

2022-08-08 16:39:09 1111

原创 vue使用cesium(含超图的)小趴菜教程

初级使用教程

2022-08-05 14:28:11 1390

原创 【vue全局注册组件--小趴菜教程】

vue全局注册组件

2022-08-01 10:49:51 422

原创 iview组件tree和select控件的结合实现

iview组件的tree和select控件的结合,现实多选

2022-07-11 14:40:45 567

原创 vue事件总线

vue事件总线

2022-06-21 15:37:28 56

原创 vue打包出错Refused to apply style from ‘XXXX‘ because its MIME

vue打包出错

2022-06-20 11:14:13 1369 1

原创 elementUI 上传组件 http-request采坑

首先感谢其他博主分享的各种采坑!http-request中的方法不会触发怎么解决?注意:action=""得这样写不能删!:auto-upload=“false” 这个要删掉才能触发http-request方法。在使用http-request方法的时候,调用的事件必须以param为参数,通过param.file取得文件。不可以随便写其他参数。使用该指令, :on-success, :on-error 指令是不会触发的。如果使用:file-list=“fileList”,上传之后fileList

2022-05-10 22:06:06 1995 3

原创 “Access denied for user ‘root‘@‘localhost‘ (using password: YES)“

在连接mysql数据库的时候报这个错就是因为账号或者密码填写错误,填对就行了,从这里看可以看到我的用户名就是root,然后这个数据库是使用密码的using password: YES,所以连接的时候就需要填写密码。...

2022-03-26 01:37:37 2257

原创 使用arcgis加载天地图html篇

直接上代码!<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>加载天

2022-03-09 11:12:29 855

原创 基于vue使用arcgis加载天地图

cv就能运行了,加载有些慢有时候一时半会没显示出地图或者注记也不要着急。token申请的是服务端的1、先安装插件:esri-loader2、代码<template> <div> <div>使用Arcgis JS API加载天地图</div> <div id="viewBox" class="viewBox"></div> </div></template><script

2022-03-09 11:10:02 1727

原创 Access denied for user ‘root‘@‘localhost‘ (using password: YES)

我的是在使用node来操作连接mysql时遇到这个错误遇到这个问题的时候去百度了一下,一上来就是很多复杂的解决操作。其实就是密码输入错误而已,重改了password,就好了。如果没记住密码,可以多试几遍。...

2022-01-10 13:52:15 252

原创 重构ES6中的find()

/* * @Author: FengKongLi * @Date: 2022-01-07 11:23:07 * @Last Modified by: FengKongLi * @Last Modified time: 2022-01-07 13:22:38 */var users = [{ id: 1, name: "a" },{ id: 2, name: "b" },{ id: 3, name: "c" }]Array.prototype.myFind = function (com

2022-01-07 16:43:04 488

原创 CSS中clip-path属性的使用详解

CSS clip-path 属性属性定义及使用说明clip-path 属性使用裁剪方式创建元素的可显示区域。区域内的部分显示,区域外的隐藏。可以指定一些特定形状。语法:clip: clip-source|basic-shape|margin-box|border-box|padding-box|content-box|fill-box|stroke-box|view-box|none|initial|inherit;属性值值描述clip-source用 URL 表示剪切元素的

2021-12-15 10:26:53 7018 1

原创 Could not download node.js v12.13.0 64-bit executable.

nvm install 12.13.0出现以下错误Error while creating D:\Program Files\nvm\v12.13.0\node64.exe - open D:\Program Files\nvm\v12.13.0\node64.exe: The system cannot find the path specified.Could not download node.js v12.13.0 64-bit executable.直接去官网下载https://npm.ta

2021-12-11 23:05:42 4420 2

原创 使用html2canvas导出地图

项目是基于vue的引入包import html2canvas from "html2canvas";在页面中添加一个按钮用来点击导出图片<!-- 导出地图按钮 --> <Button type="primary" @click="exportMap" ></Button>关键点在添加地图资源的时候得添加crossOrigin属性,不然是导出看不见图片的crossOrigin: "anonymous", // 导出地图,跨域处理// 矢量底图

2021-12-08 17:20:43 1123 1

原创 基于vue添加概览图控件

概览图控件不需要给一个div,默认显示在左下角引入包import {OverviewMap, defaults as defaultControls } from "ol/control";import OSM from 'ol/source/OSM';const OverviewMapSource = new OSM(); this.overviewMapControl = new OverviewMap({ layers: [ new TileL

2021-12-07 17:32:54 285

原创 基于vue添加刻度线比例尺

可以绑定在一个div上,方便控制显示位置,通过设置div的样式即可<!-- 比例尺 刻度线 --> <span class="scaleLine" ref="scaleLine"></span>引入包import { ScaleLine, defaults as defaultControls } from "ol/control";//刻度线控件 let scaleInstance = new ScaleLine({

2021-12-07 17:32:25 1816

原创 基于vue添加鼠标坐标控件

引入包import MousePosition from 'ol/control/MousePosition';import {createStringXY} from 'ol/coordinate';可以给个容器(可选)<!--显示鼠标光标二维坐标的控件 --><div class="controlContainer"> <span class="mousePosition" ref="mousePosition"></span><

2021-12-07 17:31:50 430 1

原创 openlayers创建地图以及添加鼠标光标二维坐标的控件

对小白极其友好,希望这篇文章是刚刚入门看不懂英文官网的小白的一根救命“稻草”话不多说,先上代码<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <!-- 引入openlayers样式 --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/op

2021-12-06 17:11:37 854

原创 基于vue利用openlayers加载天地图的影像图,地形图

废话不说直接上代码影像图<template> <div> <div>影像图</div> <div class="map" id="olMap"></div> </div></template><script>import "ol/ol.css";import { Tile as TileLayer } from "ol/layer";import XYZ fro

2021-11-22 11:35:24 1443

原创 天地图key的申请步骤

1、进入天地图官网注册账号2、点击开发资源3、点击升级引导4、按照升级引导说明,点击控制台升级5、点击创建新应用,填写信息,应用名称随便写,行业类型看着来选,应用类型选浏览器,IP白名单不用写。之前看了一篇博客说选服务器类型,导致我地图怎么也显示不出来,后来发现选择浏览器类型,地图就显示出来了。删除服务器类型那个key的应用再重新创建一个浏览器类型的应用,把key换了就可以了。就创建好一个应用,得到Key了。...

2021-11-19 17:05:35 5221 4

原创 基于vue利用openlayers加载天地图,高德地图

是得好好记录一下这个曲折的过程看了n篇博客,没一个是代码复制过来能显示地图的。这对于0基础但是急需快速弄出个地图显示出来及其不友好!!而且很多博客都是一样的,不知道那些直接去复制别人的博客过来的人是怎么想的,这么做有什么意义吗。表示很无语,但是废话不多说,进入正题!天地图部分1、首先默认你会用vue了,然后去openlayers官网简单做个了解,知道基础用法。2、加载天地图得有一个key,先去天地图官网搞一个,具体步骤看我的另一篇文章,说到这个也是没有几篇博客写得很清楚的,就很。。。无助。3

2021-11-19 16:58:45 3910 16

原创 谈对生命周期的理解

Vue 实例从创建到销毁的过程,就是生命周期。beforeCreate阶段:vue实例的挂载元素el和数据对象data都是undefined,还没有初始化。created阶段:vue实例的数据对象data有了,可以访问里面的数据和方法,未挂载到DOM,el还没有beforeMount阶段:vue实例的el和data都初始化了,但是挂载之前为虚拟的dom节点mounted阶段:vue实例挂载到真实DOM上,就可以通过DOM获取DOM节点beforeUpdate阶段:响应式数据更新时调用,发生在虚拟

2021-10-29 11:21:17 125 1

原创 重构数组方法slice

// 把mySlice这个方法添加到数组原型上// slice() 方法是从已有的数组中返回选定的元素。// 有两个参数array.slice(start, end)// 规定从何处开始选取,规定从何处结束选取。Array.prototype.mySlice=function (){ var start =0; var end =this.length; // 如果arguments.length等于1,说明传入了一个参数 if(arguments.length=

2021-10-28 12:29:41 79

原创 如何理解原型和原型链

是我面试被问到挺多次的问题了慢慢看完,就懂了1、把所有的对象共用的属性全部放在堆内存的一个对象(共用属性组成的对象),然后让每一个对象的 __proto__存储这个「共用属性组成的对象」的地址。2、而这个共用属性就是原型,原型出现的目的就是为了减少不必要的内存消耗。3、而原型链就是对象通过__proto__向当前实例所属类的原型上查找属性或方法的机制,如果找到Object的原型上还是没有找到想要的属性或者是方法则查找结束,最终会返回undefined原型理解:每一个对象创建的时候,都会关联另一

2021-10-27 16:58:07 5166

原创 实现一个twoSum函数,传入源数组和目标数字,返回源数组中两个相加起来等于目标数字索引

即给定一个数组,和一个目标值,返回数组中哪两个数的和等于目标值,返回这两个数的下标//twoSum([2,7,11,15],9)//[0,1],因为2加7等于9function twoSum(arr,sum) { let indexArr=[]; for(let i=0;i<arr.length;i++){ for(let j=i+1;j<arr.length;j++){ if((arr[i]+arr[j])==sum){

2021-10-22 14:53:15 2313

原创 实现一个sum函数,使其同时满足以下两个调用需求

实现一个sum函数,使其同时满足以下两个调用需求sum(2,3)//5sum(2)(3)//5思路:函数柯里化:实际上就是把sum函数的a,b两个参数变成了先用一个函数接收a,然后返回一个函数去处理b参数/* 实现一个sum函数,使其同时满足以下两个调用需求sum(2,3)//5sum(2)(3)//5 *//* 函数柯里化:实际上就是把sum函数的a,b两个参数变成了先用一个函数接收a,然后返回一个函数去处理b参数。*/function sum(a,b) { if(b===u

2021-10-22 14:50:41 482

原创 BFC的布局规则

MDN的定义:块格式化上下文(Block Formatting Context,BFC) 是Web页面的可视化CSS渲染的一部分,是块盒子的布局过程发生的区域,也是浮动元素与其他元素交互的区域。BFC(block formatting context)块级格式化上下文,它是页面中的一块渲染区域,并且有一套属于自己的渲染规则,它决定了元素如何对齐内容进行布局,以及与其他元素的关系和相互作用。 当涉及到可视化布局的时候,BFC提供了一个环境,HTML元素在这个环境中按照一定规则进行布局简短的总结:

2021-10-21 15:11:00 135

原创 JS中的防抖

方法一:使用原生JS来实现<body> <input type="text"> <script> const input = document.querySelector('input') input.oninput = debounce(function () { console.log(this.value); }, 1000) // 封装

2021-10-20 09:34:09 48

原创 px、em、rem区别详解

看了好多篇博客。。。说的都模棱两可,我直接上代码来看结果总结一下,重点看图!!!!px是固定像素,设置了就无法因为适应页面大小而改变,不随其它元素的变化而变化。em和ren是相对长度单位,适用于响应式布局em是用来设置文本的字体尺寸的,相对于其父元素来设置。这样就会存在一个问题,进行任何元素设置,都有可能需要知道他父元素的大小。而rem是相对于根元素,这样就意味着,我们只需要在根元素确定一个参考值。总之:对于em和rem的区别一句话概括:em相对于父元素,rem相对于根元素em:(一)子元素

2021-10-18 14:18:07 353

原创 JS中同步异步面试题

// console.time和console.timeEnd这两个方法可以用来让WEB开发人员测量一个javascript脚本程序执行消耗的时间。 // console.time() 方法是计算器的起始方法,结束方法为 console.timeEnd() ,该方法执行后会将执行时长显示在控制台上。 setTimeout(()=>{ console.log(1); },20); console.log(2);

2021-10-16 00:29:58 365

原创 简单理解js 宏任务和微任务

宏任务(macrotask )和微任务(microtask )macrotask 和 microtask 表示异步任务的两种分类。JS是单线程,浏览器是多线程,只是给了其一线程来渲染先执行完主线程,再执行微任务,再执行宏任务宏任务包含:script(整体代码)setTimeoutsetIntervalI/OUI交互事件postMessageMessageChannelsetImmediate(Node.js 环境)微任务包含:Promise.thenObject.observe

2021-10-16 00:27:44 384

原创 Typora编辑的markdown文档不小心点放弃保存,恢复方式

点击文件----》偏好设置这个功能真的爱了爱了

2021-10-12 22:52:37 393 1

原创 响应头里面有cookies,返回值res里却没有

问题:响应头里面有cookies,返回值res里却没有看到,原本res里面是有cookies的这个是小程序里面打印出来的res的值,里面是有cookies的,这是正确的。这个是谷歌浏览器里面响应头的cookies这个是谷歌浏览器控制台打印的res值,里面就是没有看见cookies!!!解决方法与思路使用js-cookie安装js-cookienpm install --save js-cookie引入import Cookies from ‘js-cookie’1、添加添加cook

2021-09-26 23:05:26 1057 1

空空如也

空空如也

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

TA关注的人

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