- 博客(145)
- 收藏
- 关注
原创 cesium本地文档-天空盒-arcgis切片404-服务查询
/ 总的来说,vite-plugin-cesium 简化了在 Vite 项目中使用 Cesium 的流程,使得开发者更容易地集成 Cesium 地图引擎到他们的项目中,并且提供了一些优化功能来改善用户体验。它简化了在 Vite 项目中使用 Cesium 的配置和引入过程。// 处理 Cesium 的依赖关系:Cesium 本身有一些依赖关系需要处理,vite-plugin-cesium 可以帮助自动处理这些依赖,确保 Cesium 在 Vite 项目中正常运行。4.arcgis切片404问题。
2024-05-29 14:51:14
587
原创 vue3新功能-Teleport
将一个组件内部的一部分模板“传送”到该组件的 DOM 结构外层的位置去。异步组件加载等待过程中,优先显示一些其他的内容。例:将组件dialog添加到body下面。通过函数实现以上模板语法。
2024-03-16 23:19:29
276
1
原创 vue3 21 数据大屏scale
在template标签上做遍历的好处是,标签不会渲染到页面。40.根据菜单动态生成路由,将路由放到store里。
2024-01-26 00:27:44
205
原创 echarts-柱状图左右滚动条
/filter过滤掉窗口外的数据,none不过滤数据,只改变数轴范围。// start: 1, // 左边在 10% 的位置。startValue:0, //从0个柱子开始,也就是最起始的地方。// fillerColor: '#1890ff',//滑块颜色。backgroundColor: '#ddd',//滚到颜色。endValue:5, //到第6个柱子结束。realtime: true,//实时更新。handeSize: 0,//手柄。
2023-04-27 10:13:42
2101
原创 【无标题】npm的registry
npm info underscore (如果上面配置正确这个命令会有字符串response)3.使用nrm管理registry地址。c.切换npm registry地址。b.添加registry地址。a.通过config命令。
2023-04-19 00:09:42
529
原创 样式-渐变色
0deg可以理解为一个垂直向上的箭头,渐变效果从底部到顶部;90deg顺时针旋转90,渐变从左侧指向右侧.以此类推180deg,360deg,-90deg.....linear-gradient() 函数用于创建一个表示两种或多种颜色线性渐变的图片。可以实现不同方向(指定为一个角度)的渐变效果,如果不指定方向,
2023-03-19 19:06:17
125
原创 视频播放器 之vueplayer和flv.js
如果需要播放m3u8,还需安装npm i videojs-contrib-hls -S;如果需要播放rtmp,还需安装npm i videojs-flash -S;ps:autoplay: true 不能自动播放可能是窗口设置太小;当时安装的最新版(6.0.0)引入是报错,后改为。项目接入了海康的flv实时视频流(摄像头监控)
2023-03-19 11:09:54
1110
原创 arcgis图例获取
tongliao_jsc/serverUrl/arcgis/rest/services/keerqin/211124矢量图_生态红线与保护地_自然保护地/MapServer/0/images/8df07ef7664bd0e0b3f480c947ca2be6。后面是从MapServer?
2023-03-09 15:33:38
356
原创 echarts实例的清空与销毁-clear/dispose
使用场景:当echarts图表的数据是动态更新然后渲染图表时,哪怕我们使用watch去监听了数据的变化,已经拿到了更新的数据,但是图表却没有进行相应的渲染,clear或dispose一下。内存溢出:当程序运行时需要的内存超出了当前应用系统的剩余内存时,就造成了内存溢出的情况,直观表现就是——卡死。dispose类似于v-if,它是将echarts对象清理了,然后重新构建echarts对象。echarts.clear()是清空当前实例,会移除实例中所有的组件和图表。
2023-01-12 11:19:48
21167
原创 深度样式的
在vue-cli3编译时,/deep/的方式会报错或者警告,导致变异报错。这个时候用::v-deep。建议平时使用第二种方式,/deep/在某些时候会报错,::v-deep更保险并且编译速度更快。style使用css的预处理器(less, sass, scss)的写法如下。style为css时的写法如下。第二种::v-deep。
2023-01-11 10:38:34
495
原创 谷歌本地调试跨域
3、在目标输入框尾部加上 --disable-web-security --user-data-dir=C:\MyChromeDevUserData。1、在电脑上新建一个目录(任意位置) 例如 C:\MyChromeDevUserData(如果没有该文件夹)2、复制一个谷歌快捷方式用于调试,右键点击谷歌浏览器,选择属性;新版浏览器跨域设置(版本号49之后的跨域设置)(如果末尾有引号,把它放到引号外面)
2023-01-10 17:50:58
440
1
原创 ES6的symbol及es2021
1.es6 symbol唯一性为对象添加新的方法,防止覆盖原方法,所以需要一个独一无二的数据类型symbola>Symbol('a')参数a作为一种修饰,用去区分b>转为字符串和布尔值String(Symbol())/Boolean(Symbol())c>作为对象的属性时,三种书写方式:let mySymbol = Symbol();c-1>let a = {}; a[mySymbol] = 'Hello!';c-2>let a = { [my...
2022-12-04 22:57:54
372
原创 每日一题js
#<100 return后面不能换行 箭头函数返回对象需要包裹,防止对象的{}与函数{}冲突 let nums=(a,b)=>{ if(a>b) console.log('a is bigger') else console.log('b is bigger') return a+b } console.log(nums(3,2)); console.log(nums(1,2)); /*return后面不能换
2022-12-04 22:57:14
384
原创 js小技巧(数组处理)
1、你需要过滤掉错误值吗?这个技巧肯定会帮助你摆脱错误值,例如 False、“ ”、0、undefined null。查看下面的示例代码以更好地理解。//example codeconst array = [1, 0, false, "", 2, null, 3]const farray = array.filter(Boolean)console.log(farray) // [1, 2, 3]2、去除重复我们都在 JavaScript 编程中遇到过重复值,最常用的摆脱它们的方法是将 i
2022-12-04 22:54:17
704
原创 wkt、geojson转换、二三维服务地址转换
1.wkt、geojson转换、二三维服务地址2.三维服务地址转换为二维使用xyz getMAP?x={TileCol}&y={TileRow}&l={TileMatrix}&styleId=默认&tilesize=256&ratio=1&tilesize=256二维:Tilematrix={z}&Tilecol={x}&TileRow={y}
2022-12-04 22:27:12
740
原创 elementui样式不生效
在main.js中引入js和css样式 挂载为vue的插件,如果这几步都没有问题,但是element的样式还是不显示!可以看一下vue.config.js文件中的css配置项,改成true。
2022-08-25 17:09:08
1389
原创 openlayers 图层刷新问题
图层remove在add之后,并未发生新的网络请求。已知地图缩放级别并未发生改变,窗口也没有,所以此时的gis数据请求的参数是已经被缓存起来了,所以直接从缓存中取出数据。ps:试了刷新source、改变zoom效果都不是很,layer.getSource().refresh();map.getVIew().setZoom(12)addLayer时随机添加额外的无效参数,例如设置一个属性layerid值。图层编辑之后,重新加载图层,刷新不成功的问题。...
2022-08-11 16:46:35
2273
原创 vue-自定义指令设置及常用自定义指令
Vue自定义指令有全局注册和局部注册两种方式。先来看看注册全局指令的方式,通过方式注册全局指令。然后在入口文件中进行Vue.use()调用。批量注册指令,新建文件在main.js引入并调用下面分享几个实用的 Vue 自定义指令v-copyv-debouncev-emojiv-LazyLoad。...
2022-08-09 23:22:56
1019
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人