01 2023 档案
摘要:在初始化地图的时候,设置attributionControl为false即可 var map = L.map("mapDiv",{attributionControl: false}); https://leafletjs.com/reference.html#map-attributioncont
阅读全文
摘要:问题描述 给定一个对象: let obj={ name:'echohye', age:'18', hobby:'sleep' } 如何删除属性 hobby以得到以下 obj? let obj={ name:'echohye', age:'18' } 解决方案1 delete obj.hobby; /
阅读全文
摘要:运行环境 "pinia": "^2.0.28", "vue": "^3.2.45", "vue-router": "^4.1.6" 触发错误代码 import { createWebHistory, createRouter } from 'vue-router' import useMenuSto
阅读全文
摘要:Vue路由守卫 路由守卫,简单理解来说就是,当用户要进行一些操作时,需要用户的一些信息或数据或行为,判断过后,才会同意用户进行操作。 说到这里,大家心里都或多或少有点理解了吧,官方一点的解释就是进行操作的鉴权,当操作与之条件匹配时,操作成功,当操作与之不匹配时,操作终止,作用就是是对路由进行权限控制
阅读全文
摘要:<router-view> can no longer be used directly inside <transition> or <keep-alive>.
阅读全文
摘要:1.全部缓存 使用Keep-alive标签包裹router-view就可以实现全部缓存 <keep-alive> <router-view> </router-view> </keep-alive> 2.缓存单个指定的路由 同样使用Keep-alive标签包裹router-view,在Keep-al
阅读全文
摘要:原来的vue2路由是通过this.$route和this.$router来控制的。 现在vue3有所变化,useRoute相当于以前的this.$route,而useRouter相当于this.$router 一、useRouter手动控制路由变化 import { useRouter } from
阅读全文
摘要:vue中的路由有时候需要参数,有时候不需要参数,可以如下图写法 在path中,在可选参数后面加一个?就行了
阅读全文
摘要:我们都知道vue slot插槽可以传递任何属性或html元素,但是在调用组件的页面中我们可以使用 template scope="props"来获取插槽上的属性值,获取到的值是一个对象。 注意:scope="它可以取任意字符串" 上面已经说了 scope获取到的是一个对象,是什么意思呢? 我们先来看
阅读全文
摘要:1. 原生js获取dom元素: document.querySelector(选择器) document.getElementById(id选择器) document.getElementsByClassName(class选择器) 2. ref获取单个dom元素: <template> <div
阅读全文
摘要:1、向上/向下移动代码行 alt+ 下箭头/上箭头 2、向上/向下复制一行代码 shift+alt+ 下箭头/上箭头 3、选定多个相同的单词 Ctrl + d 4、全局替换 Ctrl + h 5、快速定位到某一行 Ctrl + g 6、放大缩小整个编辑器界面 Ctrl + + / - 7、添加多个光
阅读全文
摘要:介绍 当我们的项目达到一定的规模时,对于某些组件来说,我们并不希望一开始全部加载,而是需要的时候进行加载; 这样的做得目的可以很好的提高用户体验。 为了实现这个功能,Vue3中为我们提供了一个方法,即defineAsyncComponent,这个方法可以传递两种类型的参数,分别是函数类型和对象类型。
阅读全文
摘要:Vue2中 <template> <div id="app"> <div ref="echohye">新年快乐</div> </div> </template> <script> export default { mounted() { console.log(this.$refs.echohye)
阅读全文
摘要:一、数组 // 根据中文の首字母排序 let arr = ['上海','北京','广州','深圳'] arr.sort((a, b) => a.localeCompare(b)) console.log(arr) // 数组sort()方法是会改变原数组的,可用slice()浅拷贝一份 // new
阅读全文
摘要:inset属性说明如下: inset 属性用作定位元素的 top、right、bottom、left 这些属性的简写。类似于 margin 和 padding 属性,依照“上右下左”的顺序。举个例子: inset: 0; /* 等同于 `top: 0; right: 0; bottom: 0; le
阅读全文
摘要:1.需求 自定义UI,实现对地图的zoom操作,在view缩放的时候,带动画效果 2.分析问题 UI视图 一般情况,可能大部分初学者会使用以下代码对zoom进行操作,这个方法是可以放大缩小,但是动画是没有的,就显得很生硬 // 地图放大缩小 zoomInOrOut(type){ if (type '
阅读全文
摘要:问题 目前是想实现双击元素时,切换元素,显示出input框,输入新title,失去焦点再切换回去 <div @dblclick="editTitle()"> <span v-if="draggable">{{ title }}</span> <el-input v-else @blur="loseF
阅读全文
摘要:4.25版本的有187个图标 https://developers.arcgis.com/javascript/latest/esri-icon-font/ 用法示例 <div id="select-by-rectangle" class="esri-widget esri-widget--butt
阅读全文
摘要:一、解决办法 vite官网 - 缓存 vite下,修改node_modules源码后,在浏览器的源代码中看不到改动的内容,查看vite文档后发现了这么一段话: 文件系统缓存¶ Vite 会将预构建的依赖缓存到 node_modules/.vite。它根据几个源来决定是否需要重新运行预构建步骤: pa
阅读全文
摘要:1、比例控件 一个简单的比例控件,以公制 (m/km) 和英制 (mi/ft) 系统显示当前屏幕中心的比例,可扩展。 使用示例 L.control.scale().addTo(map); 创造 | 构造 | 描述 | | : | : | | L.control.scale(<Control.Scal
阅读全文
摘要:1、初始化 L.map(<String> id , options ?) //用地图div的id创建 L.map(<HTMLElement>el , options?) //用地图div的name创建 // 简单示例 // initialize the map on the "map" div wi
阅读全文
摘要:Vue2中使用Element UI的图标渲染是通过 <i class="el-icon-plus"></i>渲染 Vue3 中使用Element Plus图标渲染是通过 <el-icon><Plus /></el-icon>渲染 所以在使用Element UI动态变换图标时就可以通过:class的方
阅读全文
摘要:一、介绍 leaflet使用百度地图,叠加层使用谷歌坐标;leaflet默认使用谷歌坐标,使用百度地图需要进行坐标偏移,就是把谷歌坐标转换成百度坐标,此方法是直接在地图投影方法出设置偏移。 具体如下: 1、引入支持leaflet的proj4(https://github.com/kartena/Pr
阅读全文
摘要:| 官网 | 描述 | | | | | BootCDN | 附带搜索,编辑好格式可以直接复制 | | 百度静态资源公共库 | 百度的,支持搜索,不支持直接复制 | | 新浪js库 | 不算很方便 | | 七牛云存储开放静态文件 | 国内知名云存储 | | Google资源库 | 国外访问很快,国内被
阅读全文
摘要:首先是自定义的空间投影坐标,可以在在ArcGIS中自定义空间投影坐标,导出得到ESRI标准的.prj后缀的文件,该格式为 Well-Known Text (WKT) 文本。 而在Python的gdal包中,所采用的空间投影坐标的格式为EPSG code或者是proj4格式的字符串,标准格式的EPSG
阅读全文
摘要:找到路径C:\Users{当前登录的用户名}\下的.vuerc文件 打开此文件,修改packageManager的值就可以了 如果你想在项目中使用npm包管理工具,就将其值改为"npm" 如果你想在项目中使用yarn包管理工具,就将其值改为"yarn" { "useTaobaoRegistry":
阅读全文
摘要:to avoid exception, disable SerializationFeature.FAIL_ON_EMPTY_BEANS 解决方案 参考网上的解决方案,通过重写WebMvcConfigurationSupport中的configureMessageConverters方法按照报错信息
阅读全文
摘要:解决方法:pom.xml文件中javax.servlet-api坐标中缺少了scope,加载就可以了 <dependency> <groupId>org.springframework</groupId> <artifactId>spring-webmvc</artifactId> <version
阅读全文
摘要:1.创建配置文件jdbc.properties jdbc.url=jdbc:postgresql://localhost:5432/postgis_hy?useSSL=false jdbc.username=postgres jdbc.password=arcgis 2.相关依赖 <dependen
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要:1.onfocus 当input 获取到焦点时触发. 2.onblur 当input失去焦点时触发,注意:这个事件触发的前提是已经获取了焦点再失去焦点的时候才会触发该事件,用于判断标签为空. 3.onchange 当input失去焦点并且它的value值发生变化时触发,个人感觉可以用于注册时的确认密
阅读全文