自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 echart图表更新丢失toolTip配置解决方法

后面经过研究,直接把myChartsList定义在了data的外层,在使用时用this.$options.myChartsList就可以正常显示tooltip的提示框了。在页面上显示的图表,把鼠标放上去发现没有toolTip的框框。开发环境是vue2+echarts。

2024-12-27 13:49:39 246

原创 webGis项目使用ol+vue瓦片图层防止wms缓存

在开发中遇到这么个问题:前端通过配置选项生成geoserver的xml样式文件修改图层的样式,在预览时功能一切正常,但是地图由于浏览器和ol的缓存机制问题,有部分的瓦片层会拿不到最新的瓦片部分。解决方案:在给地图添加图层时向获取的瓦片数据文件添加一个时间戳或者随机数来控制瓦片的名称,以此来防止浏览器的缓存机制。

2024-07-29 09:23:50 209

原创 封装axios请求

【代码】封装axios请求。

2024-02-21 11:21:19 297

原创 vue + openLayers相关问题 个人向(遇到问题会不定期更新)

这个方法会返回一个格式形如geoJson的对象,我们还需要用format方法来把他转为真正的geoJson对象。最后把生成的要素添加到目标图层上就行了。

2024-01-18 15:29:06 485

原创 vue3+elementui相关问题 个人向(遇到问题会不定期更新)

这篇博客是记录我自己在工作中碰到的一些问题,旨在工作中遇到类似问题可以更快速的解决。

2024-01-09 15:41:45 464

原创 elementui表单验证踩过的坑

rules是规则验证的对象,规则验证的像的键名要和model中绑定数据对象的键名一样,如果不一样的话表单验证会出问题,因为需要通过prop属性来绑定验证的规则和验证监听的数据,这也是我踩过最多的坑。model是表单的数据对象,一般把一个表单所有的双向绑定的值封装在一个对象中,然后通过v-bind:model来绑定.ref是用来获取dom的,我们需要通过获取dom来对表单进行进一步的操作。1.表单验证model、rules。

2024-01-05 11:32:15 527 1

原创 Already included file name XXXX的解决方案

Already included file name '组件的路径' differs from file name '组件的路径' only in casing.今天在公司里写代码的时候发现一个.vue文件名称写错了,改完名之后一直报错,但是不影响正常使用,错误信息如下。解决方案:解决方案只要在vscode中按下ctrl+shift+p,然后搜索重新加载即可。Imported via "组件的路径" from file '组件的路径'经过排查之后发现这个问题是因为改了组件名称的原因。

2023-12-20 09:28:21 2882 4

原创 Vue+OpenLayers项目中使用图标渲染点要素不生效问题

后来经过翻阅文档和在网上进行搜索发现了问题出在src上,我们在src这里输入路径需要用require的方式引入,加上了require()之后代码就能正常运行了。我还以为是我的路径选错了,一直在细扣路径哪里不对,也是相对路径绝对路径倒来倒去写,结果发现都是徒劳的。今天在开发中碰到了使用图标渲染点要素不生效问题,报错提示如下所示。

2023-12-11 09:59:42 366

原创 vue列表渲染出的ul表进行置顶和下移的操作

其次是我们的下移某一项,splice(index + 1, 1, this.arr[index])是利用这个元素替换他后一个元素,然后返回整个数组,this.arr.splice(index,1,...this.arr.splice(index + 1, 1, this.arr[index]));当splice方法有三个参数形容splice(index,0,insert)时,可以往数组中插入元素,即在index后插入名为insert的元素,此处insert可以是一个元素也可以是一个数组。

2023-12-04 11:09:17 985

原创 vite+vue3+ts项目中提示无法找到模块

注意:这个错误并不影响代码的正常运行,只是在编写代码时,import xxx from 'xxx'会一直飘红,很影响观感。产生这个问题的原因是我们使用了ts语法,他只能识别.ts文件,并不能识别.vue文件,所以在引入组件的时候报错了。在项目的根目录下创建一个xxx.d.ts文件,文件名自定义即可,后缀必须是.d.ts。今天在开发过程中碰到了导入模块时提示无法找到模块这个问题,分享一下我的解决思路。保存代码,并且重启项目,这样令人不悦的红色就会消失啦。在刚刚创建的文件中输入一下代码。

2023-02-20 15:29:35 5424 2

原创 JS中利用本地数据库实现模拟购物车的功能

因为在setItem()这个方法中,我们不能直接存储对象,要把对象转为字符串,所以调用JSON.stringify(obj)方法,把cart对象转为字符串存入数据库中;因为在getItem()这个方法中,我们取出的是字符串,所以调用JSON.parse(str)方法,把数据库中取出来的字符串转为cart对象使用.2.e.target表示点击的元素,我们利用if语句判断是否点击的是正确的按钮,所以给-,+,删除按钮加上类名。3.遍历获取到的数组,每次循环使str+=页面中要设置的内容,如下代码。

2022-09-20 11:42:42 1282

原创 利用js原生实现拖拽功能

希望这篇博客对你有帮助。

2022-09-14 09:58:22 703

原创 利用js原生实现动态渲染并实现滚动到底部是进一步加载更多内容

4.展示区域的高:展示区域对象.offsetHeight。然后定义一页中显示的数据条数pageSize=8(一页中显示八条数据)至此,渲染数据的部分完成,数据来源为:该数据实质为装有对象的数组。2.滚动到底部显示更多数据。

2022-09-10 11:30:23 1342

原创 利用js中的DOM结点实现伪购物车添加物品和减少物品并计算出总价

利用js中的DOM结点实现伪购物车添加物品和减少物品并计算出总价(实质上就是点击元素实现别的内容中的元素发生增删改的变化)

2022-08-29 15:54:43 1667

原创 利用js实现复选框一件全选

利用js实现复选框一件全选

2022-08-28 20:54:31 1743

原创 封装三个关于date的方法

封装了三个关于日期对象的方法

2022-08-23 17:20:28 211

原创 浅谈一下进制之间的转换

十进制和二进制之间的转化1)十进制转二进制:采用的方法是:整数部分除二取余,小数部分乘二取整例如:175.71875整数部分:算式 商 余数 175/2 87 1 87/2 43 1 43/2 21 1 21/2 10 1 10/2 5 0 5/2 2 1 2/2 1 0 1/2 0 1 所以整数部分为10101111小数部分

2022-02-19 12:16:24 312

原创 使用servlet技术展示用户信息查询列表(idea)

目录1.需求:2.技术选型:3.数据库设计:4.搭建环境1.搭建数据库的环境2.创建项目:3.链接Tomcat1.需求:用户信息的增删改查的操作2.技术选型:Servlet和JSP和MySQL+JDBC+Duird连接池+BeanUtils+Tomcat3.数据库设计:1.创建数据库;2.使用所创建的数据库;3.根据所需信息创建表;4.搭建环境1.搭建数据库的环境1.打开SQLyog,输入如下代码:CREATE DATAB

2022-01-28 20:06:07 5453 2

空空如也

空空如也

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

TA关注的人

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