- 博客(57)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 signature verification failed csb502报错
signature verification failed csb502报错
2022-12-03 15:10:59
797
1
原创 Property or method “toJSON“ is not defined on the instance but referenced during render. Make sure
Property or method "toJSON" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components报错
2022-06-16 10:11:38
797
原创 js时间戳日期转换
JS根据时间戳转换成日期格式 Date.prototype.format = function (format) { let o = { "M+": this.getMonth() + 1, //month "d+": this.getDate(), //day "h+": this.getHours(), //hour "m+": this.getMinutes(), //minute
2022-05-29 11:37:27
235
原创 echarts实现柱状图超过平均值红色，未超过平均值部分灰色
效果如图代码实现，就是计算差值，再利用service-type.bar.stack来叠加柱子 let chartsBar = echarts.init(this.$refs.chart_bar); let barLegend = [ { name: "预警发布", color: "#FF5B5B", }, { name: "预警反馈", co
2022-05-29 11:24:09
1040
原创 vue双向绑定数据更新会频繁触发render更新
vue页面倒计时因为用了一个定时器，:class绑定的函数也会频繁触发，本强迫症非常不适，后来想了半天，发现是v-model绑定的值有更新会触发整个页面的render，通过浏览器开发者工具的 Performance 观察发现，确实是如此。解决方法组件之间的render 是互不影响的，把定时器这部分用到的dom元素抽离出来，避免大组件的render.参考链接https://blog.csdn.net/Dobility/article/details/96993951...
2022-03-24 13:20:20
1513
原创 前端到底难还是简单？
前端难？画页面难？表格，表单…ui组件拿来即用。学新技术难？中文文档一天上手，百度一搜别人都给你踩过坑了。做项目难？都是curd，crtl+c ctrl+v，重复造轮子。业务逻辑难？经理都给你分析好了，设计都给你画出来了有啥难的。前端简单？貌似也不简单如何把复杂的逻辑在页面上简单化，用户一看就懂。怎么写好一个框架，让小白拿来即用，简单吗？能保证你的界面在不同浏览器打开都没有问题吗？webpack gulp 原理懂吗？能把它优势最大化吗？webgl，抽象交互会吗？性能调优有实践过吗？前
2021-11-15 23:14:55
850
原创 vue elementui让弹框可拖拽指令
封装一个指令 //v-dialogDrag :弹框可拖拽Vue.directive('dialogDrag', { bind(el, binding, vnode, oldVnode) { const dialogHeaderEl = el.querySelector('.el-dialog__header'); const dragDom = el.querySelector('.el-dialog'); dialogHeaderEl.styl
2021-11-03 10:08:07
318
原创 vue render函数的相关使用
render: (h, params) => { let cont = params.row["cont"]; return h("span", { domProps: { // 相当于v-html innerHTML: cont, // 相当于v-model value:this.vModel }, style: { margin: 0, ':hov..
2021-10-28 15:58:46
79
原创 将vue项目的图片请求带上请求头如token
封装了一个图片组件直接上代码<template> <img ref="img"> </img></template><script>import { mapActions, mapGetters } from "vuex";export default { name: "authImg", props: { authSrc: { type: String, required: false,
2021-10-28 14:15:14
4117
原创 2021/10/27
2021年底要不要走，有点小纠结。如果哪天走了一定是我对工作失去了热情，项目或团队积累的负能量过重，技术理念不合…一旦工作不能保持高度热情，还怎么继续哈
2021-10-28 12:01:28
60
原创 后端返回的是图片或图片文件流怎么渲染
返回的是图片1.可以直接把接口url地址放到src上2. 如果接口是要带请求头等其他参数，就不好直接放src了，处理如下axios.get(url,{ params:{}, responseType: 'blob', headers:{}}).then(res=>{ this.processImg = window.URL.createObjectURL(new Blob([res]));})...
2021-08-31 09:34:44
1898
原创 js获取地址栏参数
注意 window.location.search 只能获取url 里不带 # 号的参数，下面的方法带#号不带#号都可以 function GetQueryString(name) { if (!name) return null; // 查询参数：先通过search取值，如果取不到就通过hash来取 var after = window.location.search; after = after.substr(1) || window.location
2021-08-26 15:22:35
110
原创 js常用的封装方法
element tree 获取获取对应的父级数据 getParentTree(node1, key1) { let arr = JSON.parse(JSON.stringify([node1.data[key1]])); function getParent(node) { // 判断当前节点是否有父节点，并且父节点上的data不能是数组 if (node.parent && !Array.isArray(node.paren
2021-08-17 14:27:08
427
原创 在vue中使用mock
首先安装mockjsnpm install mockjs新建mock文件夹，创建index.js文件，这里就是我们注册所有mock服务的地方index.js// 首先引入Mockimport Mock from 'mockjs';// 设置拦截ajax请求的相应时间Mock.setup({ timeout: '200-600'});let configArray = [];// 使用webpack的require.context()遍历所有mock文件const files
2021-08-17 14:15:01
175
原创 element el-tree点击异步加载子级
需求：数据量较大，所以首次进来加载一级的行政区域，点击才加载他的子级。修改后实时更新左边树有下级的时候显示三角形实现思路：用el-tree的lazy属性存在问题：如果绑定用 :load=“loadNode” 看着是懒加载但也会触发多次，第一次就把所有数据拿出来了。如果绑定 :data=“data” 就不会显示前面的三角形。解决方案lazy 和 data 属性和 defaultExpandedKeys 配合加载子节点，childrenNo是是否有子节点项点击的时候手动设置展开的项
2021-08-17 10:56:04
2392
原创 arcmap 处理TIF影像发布服务
记录一下arcmap 发布arcgisserver服务。自己看的，没有排版，O(∩_∩)O哈哈~1 arcmap 加载tif 图像。如图：如果不是在一个坐标系内就要用到地理配准来定位。A视图B视图菜单-工具条-（打开）地理配准选择你要配准的图，准备添加一对控制点，就是在你的两个文件中分别选择对应位置的一对点，称为控制点。第一个点是原始tif的坐标，第二个点是要校正过去的点。点击添加控制点在A视图添加第一个点（绿色十字）缩放到B视图链接对应的点（红色十字），这个时候视图应该跟过来了
2021-07-29 15:53:02
2704
原创 同时安装vue2和vue3
本地已经安装过vue2,最近在学习typescript,构建vue2的项目时不能直接使用ts,要安装配置相关的包。唉，还是装个vue3的环境再来构建ts项目吧。vue2全局安装过，废话不多说，直接装vue3新建一个存放vue3的文件夹，目录不能含中文在当前文件夹下打开cmd,安装vue/cli3的脚手架npm i @vue/cli@3安装完后发现生成了node_modeules文件夹，打开bin文件夹。将bin 文件夹下的 vue 和vue.cmd 文件改为vue3和 vue3.c
2021-07-21 11:16:55
1875
2
原创 vue常用修饰符
v-on 常用指令修饰符.stop 调用event.stopPropagation() 禁用事件冒泡。.prevent 调用event.preventDefault() 阻止事件的默认行为.capture 添加事件侦听器时使用capture模式self 只当事件是从侦听器绑定的元素本身触发时才触发的回调{keycode | keyalias } 只当事件是从特定键触发时才触发的回调.native 监听根组件的原生事件.once 只触发一次回调.left 点击鼠标左键触发.right 点
2021-07-20 16:40:20
67
原创 nginx相关
常用命令运行服务 start nginx退出服务：nginx -s quit强制关闭服务：nginx -s stop重载服务：nginx -s reload有时候明明改了nginx.conf配置文件但没有生效是因为开启了多个服务关闭nginx 所有进程 taskkill /IM nginx.exe /F一个端口号配置多个项目 server { listen 90; server_name localhost; loc
2021-07-16 14:27:35
42
原创 vscode 新建vue模板代码块
vscode真是开发人员的首选编辑器，方便又好用。打开 vscode - 文件 -首选项 - 用户片段 - 选择vue.json输入下面的模板内容{ "Print to console": { "prefix": "vuetpl", "body": [ "<template>", " <div>\n", " </div>", "</template>\n", "<scri
2021-07-14 17:26:42
108
原创 tomcat配置安装及常见错误
安装tomcat 前确保配置了java jdk环境参考 windows下载配置java查看java 有没有安装打开cmd输入java若提示java 不是内部命令或外部命令则没有安装输入java -version 查看版本下载tomcattomcat官网地址不建议下最新版本的 不稳定。这里我选的是tomcat9下载相应的压缩包，解压配置环境变量计算机右键-属性-高级设置-环境变量-系统变量中新建新建一个环境变量变量名 CATALINA_HOME变量值 （就是你刚刚解压tom
2021-07-05 14:51:40
1972
原创 Vue使用keep-alive没有生效
在vue项目中，会有列表页搜索得到某个结果后，再跳转详情页，再回来列表页就会回到初始状态。我们想保留之前搜索的结果时就要用到vue 的keep-alive了keep-alive 是vue内置的一个组件，用来保存组件的原来的状态，避免重新渲染使用过程中发现并没有被缓存，经过多方查找，发现是 include 数组的值没有和组件的name值对应...
2021-06-24 12:48:08
1141
原创 geoserver踩坑，编辑feature不能编辑多个
编辑feature 不支持一次性编辑多个。搞不明白这里编辑的时候接收的features值明明是个数组,传多个feature 确修改不了，刷新还会出现重复数据，相当于更新两个是成功了，但坐标点是错的，传的值是对的啊，还以为是我的bug,找了半天啊，太坑了！最后改成循环请求geoserver接口就解决了。难受???? function modify(feature) { let editFeature = f.clone(); if (this.pr
2021-06-11 23:10:01
402
原创 vscode少见但好用插件
代码注释koroFileHeader安装后再配置扩展文件的函数注释和文件头部注释快捷键 crtl + alt + t 快速生成函数注释快捷键 crtl + alt + i 快速生成文件头部注释
2021-06-10 17:44:18
154
2
原创 new map替代if else
之前多条件判断时用的都是if else或者是swatch caselet name="" if(){ name="1" }else if(){ name="2" }else if(){ name="2" } 这里推荐一种优雅写法可使用new Map语法：赋值字段 key="edit" //单数据赋值 const actionsList = new Map([ ["xy", "el-ic
2021-06-10 16:29:59
703
原创 vue打包或运行项目报错内存溢出Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of
报错信息这个是nodejs运行项目内存不足一 .尝试在package.json文件脚本配置加大内存 "build": "vue-cli-service build --max_old_space_size=10240",二 在node_modules/.bin/vue-cli-service 加上配置三 使用插件全局安装 increase-memory-limit打开 cmdnpm install -g increase-memory-limit进入项目文件夹,运行increas
2021-06-10 11:30:32
3318
5
原创 git 相关
git 常见错误处理，状态不一致Your branch is ahead of ‘origin/master’ by 2 commitshttps://www.jianshu.com/p/1e255428a833
2021-06-09 10:57:03
65
2
原创 arcmap操作
多个图层合并https://jingyan.baidu.com/article/08b6a59102be2e54a9092272.html
2021-06-03 11:40:07
219
原创 cesium添加自己的Cesium.IonResource.fromAssetId
添加自己的icon 预览，没有帐号要先注册点击my assets–add data-- 可以直接把文件夹拖放到这个页面也可以点击add files来添加数据上传后等一会，右边预览板块会有进度提示，上传后就可以看到froimassetid了这个stories可以创建交互式3D演示界面...
2021-05-06 15:00:48
3289
2
原创 cesium加载模型
加载3dTiles自己服务器发布的数据 var palaceTileset = new Cesium.Cesium3DTileset({ url: cesiumDomain + "/sample3D/tileset.json", }); viewer.scene.primitives.add(palaceTileset); palaceTileset.readyPromise.then((currentModel) => {
2021-05-06 14:01:11
1087
原创 openlayers将地图移动到feature的范围
使用openlayers把feature 移动到视图范围内 this.map.getView().fit(feature.getGeometry().getExtent(), this.map.getSize());
2021-04-29 09:20:27
1221
原创 geoserver ECQL和CQL过滤
1。模糊查找字段属性name 中 包含 高新区的图斑name Like ‘%高新区%’2。模糊查找字段属性name中，以高新区开头的图斑name Like ‘高新区%’
2021-04-26 11:12:34
463
空空如也
geoserver发布的图层只能获取到部分数据
2021-04-17
TA创建的收藏夹 TA关注的收藏夹
TA关注的人